/* 以下特效CSS */

.slide-box {width:994px; height:370px; margin:0 auto; overflow:hidden; position:relative;}
.slide-box ul {height:100%; position:absolute;}
.slide-box ul li {float:left; width:300px; height:300px; overflow:hidden; position:relative; background:#fff;}
.slide-box ul li>a>div ,.slide-box ul li>a>img{position:absolute;left: 50%; top: 0;height: 100%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0); overflow:hidden;}
.slide-box .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000; display:none;}
.slide-box .btn {position:absolute; width:100%; height:23px;box-sizing: border-box;; padding:0px 10px; right:0; bottom:8px; text-align:right;}
.slide-box .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.slide-box .btn span.on {background:#fff;}
.slide-box .preNext {width:45px; height:100px; position:absolute; top:50%;
transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); cursor:pointer;}
.slide-box .pre {left:0;}
.slide-box .next {right:0; background-position:right top;}