body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, address { margin: 0; padding: 0; } li{ list-style:none} .slidebox{ position:relative; height:400px;margin:0 auto;overflow:hidden;} .slidebox .hd{ position:absolute; left:50%; bottom:15px; z-index:1; height:11px; margin-left:-72px; overflow:hidden;} .slidebox .hd ul{ overflow:hidden; zoom:1; float:left; } .slidebox .hd ul li{ float:left; margin:0 6px; width:9px; height:11px; line-height:11px; text-align:center; background: no-repeat right center; cursor:pointer; } .slidebox .hd ul li.on{ background: no-repeat left center; color:#fff; } .slidebox .bd{ position:relative; height:100%; z-index:0; } .slidebox .bd li{zoom:1;height:400px;background: center center;} .slidebox .bd li a{ display:block; width:100%; height:100%} /* 下面是前/后按钮代码,如果不需要删除即可 */ .slidebox .prev, .slidebox .next{ position:absolute; top:50%; margin-top:-25px; display:block; width:34px; height:61px; background: no-repeat left center; /*filter:alpha(opacity=80);opacity:0.8;*/ } .slidebox .next{ left:auto; background-position: right center; } /*.slidebox .prev:hover, .slidebox .next:hover{ filter:alpha(opacity=100);opacity:1; }*/