/* ÀÁÈËͼ¿â ËѼ¯ÕûÀí www.lanrentuku.com */
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1200px; height:460px; margin:0px auto; background:#008777; 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; display:none;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:190px; right:10px; z-index:10; display:none;}
#playBox .smalltitle {width:1200px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto; padding-left:60px;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:50%; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#008777;}

@media screen and (max-width:1600px) {
#playBox{width:1000px; height:383px;}
#playBox .smalltitle{ width:1000px;}	
#playBox .oUlplay li img{ width:1000px;}
}
@media screen and (max-width:1440px) {
#playBox{width:900px; height:345px;}
#playBox .smalltitle{ width:900px;}	
#playBox .oUlplay li img{ width:900px;}
}

@media screen and (max-width:1280px) {
#playBox{width:800px; height:307px;}
#playBox .smalltitle{ width:800px;}	
#playBox .oUlplay li img{ width:800px;}
}

@media screen and (max-width:765px) {
#playBox{width:100vw; height:150px;}
#playBox .smalltitle{ width:100vw;}	
#playBox .oUlplay li img{ width:100vw;}
}