.focus{ position:relative; width:700px; height:420px; background-color: #000; float: left;}  
.focus img{ width: 700px; height:420px; border:0px;} 
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;}  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:8px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200;}  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:10px; height:10px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#479cf5; width:30px;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:30px;height:60px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top:170px;left:0;background-position:0 -60px; cursor:pointer;}  
.focus .next{top:170px;right:0;background-position:-30px -60px; cursor:pointer;}   
.focus .prev:hover{  background-position:0 0; display:block}  
.focus .next:hover{  background-position:-30px 0;display:block}  








.view_focus{width:630px;height:436px;position:relative;background:#f7f7f7; float:left;}
.view_focus .btn{position:absolute;width:15px;height:70px;top:366px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.view_focus .prev{left:0;background:url(../images/prevBtn.png) no-repeat;}
.view_focus #prevTop,.view_focus #nextTop{top:153px;width: 46px;height: 48px;}
.view_focus #prevTop{background: url(../images/prevBtnTop.png) 0 0 no-repeat;}
.view_focus #nextTop{background: url(../images/nextBtnTop.png) 0 0 no-repeat;}
.view_focus .next{right:0;background:url(../images/nextBtn.png) no-repeat;}
.view_focus li{float:left;}
.view_focus .cf li{position: relative;color: #fff;}
.view_focus .cf li img{ width: 630px;height: 360px; border:0px;}
.view_focus .cf a{display: block; width: 630px;height: 360px; position: absolute;color: #fff;}
.view_focus .cf li span{display: block;width: 590px; position: absolute; left: 0; bottom: 0;padding: 10px 20px;line-height: 22px;text-align:left;background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000") 6}
.view_focus .picBox{height:360px;position:relative;overflow:hidden;}
.view_focus .picBox ul{height:360px;position:absolute;}
.view_focus .picBox li{width:630px;height:360px;}
.view_focus .listBox{width:592px;height:100px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.view_focus .listBox ul{height:100px;position:absolute;}
.view_focus .listBox li{width:119px;height:70px;cursor:pointer;position:relative;}
.view_focus .listBox li i{display:none;}
.view_focus .listBox li a{display: block;width:114px;height: 70px;}
.view_focus .listBox li img{width:114px;height: 70px;}
.view_focus .listBox .on img{width: 108px;height: 64px;border:3px solid #ff6600;}
.view_focus .listBox .on i{display:block;}