.major-list-outer{height:470px; overflow:hidden}
.major-list{margin-right:-32px;margin-bottom:-30px;*margin-bottom:0px}
.major-list li{width:336px;height:225px;margin-right:10px;margin-bottom:10px;float:left;position:relative}
.major-list li a, .major-list li a span{width:100%;height:100%;display:block;position:absolute;left:0;top:0}

.front-face{z-index:2;background:url(../images/majors2-1.jpg) no-repeat 0 0}
.back-face{z-index:1;background:url(../images/majors2-2.jpg) no-repeat 0 0}

.major-list li a{overflow:hidden}
.major-list li:hover a .back-face{z-index:3;}

#tl .front-face, #tl .back-face{background-position:0 0}
#tr .front-face, #tr .back-face{background-position:-336px 0px}
#bl .front-face, #bl .back-face{background-position:0px -225px}
#br .front-face, #br .back-face{background-position:-336px -225px}


/*for-majors ending here*/

.btm{ margin:30px auto}
.btm p{ font:normal 12px/24px 'Microsoft YaHei'; text-align:center}