.slider { width:100%; margin:0 auto; position:relative; overflow:hidden;background:#000; }
.slider .bd { position:relative; z-index:0; }
.slider .bd li { overflow:hidden; }
.slider .bd li img { display:block; width:100%; height:auto;}
.slider .hd { width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.slider .hd ul { text-align:center; }
.slider .hd ul li { cursor:pointer; display:inline-block; *display:inline;
zoom:1; width:9px; height:9px; margin:0 4px; background:url(images/dot.png) 0 -16px; overflow:hidden; filter:alpha(opacity=70); opacity:0.7; vertical-align:top; line-height:9999px; }
.slider .hd ul .on { background-position:0 0; }
.slider .timer { position:absolute; z-index:1; left:0; bottom:0; height:4px; width:0; background:#000; filter:alpha(opacity=40); opacity:0.4; font-size:0; overflow:hidden; }