/* ÀÁÈËͼ¿â ËѼ¯ÕûÀí www.lanrentuku.com 
*{ margin:0; padding:0; list-style:none;}*/
.s2 .s2-b .item .bd{ padding-top:40px; padding-bottom:70px;/*76px*/}

#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:800px; height:400px; margin:20px auto; background:#fff; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:190px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:190px; right:10px; z-index:10;}
#playBox .smalltitle {width:800px; height:10px; position:absolute; bottom:15px; z-index:10; display:none;}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}

@media screen and (min-width:1680px) and (max-width:1768px){
.s2 .s2-b .item .bd{ padding-top:40px; padding-bottom:64px;}
#playBox{ width:750px; height:368px; margin:20px auto; background:#fff; position:relative; overflow:hidden;}
#playBox .smalltitle {width:750px; height:10px; position:absolute; bottom:15px; z-index:10; display:none;}
#playBox .oUlplay li a img{width:750px;}
}

@media screen and (min-width:1600px) and (max-width:1680px){
.s2 .s2-b .item .bd{ padding-top:40px; padding-bottom:85px;}
#playBox{ width:700px; height:344px; }
#playBox .smalltitle {width:700px;}
#playBox .pre{  top:150px; }
#playBox .next{ top:150px; }
#playBox .oUlplay li a img{width:700px;}
}
@media screen and (max-width: 1600px){
.s2 .s2-b .item .bd{ padding-top:40px; padding-bottom:70px;}
#playBox{ width:650px; height:319px; }
#playBox .smalltitle {width:650px;}
#playBox .pre{  top:120px; }
#playBox .next{ top:120px; }
#playBox .oUlplay li a img{width:650px;}
}

@media screen and (min-width:1367px) and (max-width:1440px){
.s2 .s2-b .item .bd{ padding-top:40px; padding-bottom:55px;}
#playBox{ width:600px; height:295px; }
#playBox .smalltitle {width:600px;}
#playBox .pre{  top:120px; }
#playBox .next{ top:120px; }
#playBox .oUlplay li a img{width:600px;}
}

@media screen and (min-width:1281px) and (max-width:1360px){
.s2 .s2-b .item .bd{ padding-top:40px; padding-bottom:57px;}
#playBox{ width:550px; height:270px; }
#playBox .smalltitle {width:550px;}
#playBox .pre{  top:120px; }
#playBox .next{ top:120px; }
#playBox .oUlplay li a img{width:550px;}
}

@media screen and (min-width:1025px) and (max-width:1280px){
.s2 .s2-b .item .bd{ padding-top:40px; padding-bottom:55px;}
#playBox{ width:500px; height:246px; }
#playBox .smalltitle {width:500px;}
#playBox .pre{  top:120px; }
#playBox .next{ top:120px; }
#playBox .oUlplay li a img{width:500px;}
}

@media screen and (max-width: 1024px){
.s2 .s2-b .item .bd{ padding-top:40px; padding-bottom:55px;}
#playBox{ width:800px; height:400px; }
#playBox .smalltitle {width:800px;}
#playBox .pre{  top:120px; }
#playBox .next{ top:120px; }
#playBox .oUlplay li a img{width:800px;}
}

@media screen and (max-width: 750px){
.s2 .s2-b .item .bd{ padding-top:.8rem; padding-bottom:.8rem;}
#playBox{ width:90%; height:155px; }
#playBox .smalltitle {width:90%;}
#playBox .pre{  top:60px; }
#playBox .next{ top:60px; }
#playBox .oUlplay li a img{width:80vw; height:auto !important;}
}