.banner { position: relative; width:1000px; height:399px; overflow: hidden; }
.banner .pic{ position:relative; z-index:0; }
.banner .pic img { width:1000px; height:399px; display: block; }
.banner .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.banner .hd li{ margin: 0 5px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display: inline-block; *display:inline; zoom: 1; _background: url(../images/dot8.png) no-repeat 0 -16px; background-repeat: no-repeat; background-position: 0 -16px; background-image: url(../images/dot.png); }
.banner .hd .on{ background-position:0 0; }
.banner .prev,
.banner .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter: alpha(opacity=20); opacity: 0.2; background-color: #F00; background-image: url(../images/ad_ctr.png); background-repeat: no-repeat; background-position: 0 0; }
.banner .prev { left: 0; }
.banner .next { background-position: 0 -90px; right: 0; }
.banner .prev:hover,
.banner .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }