#locus_Box {position: relative; margin: 0 auto; width: 1150px;
    height: 464px;}
#locus_Box ul {  float: left;margin: 0 auto;position: relative;}
#locus_Box li {z-index: 0; position: absolute; width: 0px; background: #787878; height: 0px; top: 0; CURSOR: pointer; left: 176px; border-radius: 4px; box-shadow: 1px 1px 12px rgba(200, 200, 200, 1)}
#locus_Box li img {width: 100%; background: url(http://logistics.sinotrans.com/images/421/loading.gif) no-repeat center 50%; height: 100%; vertical-align: top}
#locus_Box li p {position: absolute; line-height: 40px;text-align: center; width: 100%; bottom: -16px; background: url(http://logistics.sinotrans.com/images/421/float-bg.png); height: 40px; COLOR: #fff; left: 0px}
#locus_Box li p span {width: 100%; display: inline-block; height: 40px; overflow: hidden;font-size:22px;color:#ffffff;}
#locus_Box .prev {z-index: 100; position: absolute; width: 38px; display: block; height: 70px; overflow: hidden; top: 190px; CURSOR: pointer}
#locus_Box .next {z-index: 100; position: absolute; width: 63px; display: block; height: 70px; overflow: hidden; top: 190px; CURSOR: pointer}
#locus_Box .prev {background: url(left.png) no-repeat center; left: 0px;}
#locus_Box .next {background: url(right.png) no-repeat center; right:0px;}
/*#focus_Box .prev:hover {background-position: left top}*/
/*#focus_Box .next:hover {background-position: right top}*/


.page1 {
    BORDER-RIGHT: #e6e6e6 1px solid;
    BORDER-TOP: #e6e6e6 1px solid;
    DISPLAY: inline;
    BORDER-LEFT: #e6e6e6 1px solid;
    CURSOR: pointer; MARGIN-RIGHT: 5px;
    BORDER-BOTTOM: #e6e6e6 1px solid;
    LIST-STYLE-TYPE: none;
    font-size:12px;
}
.page2 {
    CURSOR: pointer;
    BORDER-RIGHT: #b7d8ee 1px solid;
    BORDER-TOP: #b7d8ee 1px solid;
    BORDER-LEFT: #b7d8ee 1px solid;
    BORDER-BOTTOM: #b7d8ee 1px solid;
    BACKGROUND-COLOR: #d2eaf6;
    FONT-WEIGHT: bold; COLOR: #444444;
    font-size:12px;
}