.TB-focus{ width:320px; height:175px; border:1px solid #D8D8D8; position:relative;  overflow:hidden; }
.TB-focus .bd img{ display:block; width:320px; height:175px;}
.TB-focus li{ list-style:none;}
.TB-focus .hd { position:absolute; right:3px; bottom:3px; z-index:1; padding-left:2px; }
.TB-focus .hd li { color:#333; cursor:pointer; margin-left:3px; width:18px; height:18px; background:#fff; float:left; font-size:13px; line-height:18px; overflow:visible; text-align:center; opacity:.7; filter:alpha(opacity=70); border:1px solid #d8d8d8; margin-left:-1px; }
.TB-focus .hd li.on { background:#333; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }
/*******************/

.focusBox { position: relative; width:970px; height:400px; overflow: hidden; border:6px solid #fff; }
.focusBox li{ list-style:none;}
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:970px; height:400px; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px;  overflow: hidden;  cursor: pointer; background:#fff; width:10px; height:10px; border-radius:50%; box-shadow:0 2px 5px rgba(0,0,0,.3);display:inline-block; *display:inline; zoom:1; 
}
.focusBox .hd .on{ background:#000;}

.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }