*{ margin:0; padding:0; list-style:none;}    
#box{ min-width:1170px; height:500px; position:relative; margin:0px auto; overflow:hidden;}    
#box ul{ position:absolute; left:0; top:0;}    
#box ul li{ float:left;  height:500px;}    
#box ul li img{ height:500px;}    
#box a{ transition:.2s all ease;}    
#box .prev,#box .next{position:absolute;  top:50%; z-index:2; height:80px; line-height:80px; background:rgba(0,0,0,0.6); color:#fff; width:80px; text-align:center; margin-top:-40px; display:-none;}    
#box .prev{ left:0;}    
#box .next{ right:0;}      
#box ol{ position:absolute; width:120px; left:50%; margin-left:-60px; bottom:10px;}    
#box ol li{ float:left; margin:5px 0px 2px 6px; text-align:center; width:160px;height:84px;}    
#box ol li.active{ width:160px; height:68px; border:2px solid #1753A4;} 

#box .prev{ cursor:pointer; width:45px; height:45px; background:url(/Skins/Web/images/l.png) no-repeat; position:absolute; top:50%; left:10px; z-index:9999;}
#box .next{ cursor:pointer; width:45px; height:45px; background:url(/Skins/Web/images/r.png) no-repeat; position:absolute; top:50%; right:10px; z-index:9999;}