.hwslider{width: 100%;height:auto;min-width:280px;min-height: 160px;margin:0 auto; position: relative; overflow: hidden;}
.hwslider ul{width: 100%; height:100%; position: absolute; z-index: 1}
.hwslider ul li{display:none;position:absolute; left:0; top:0; width: 100%;height:100%; overflow: hidden;}
.hwslider ul li.active{display: block;}
.hwslider ul li img{width:100%;max-width: 100%; height:auto;display: block}
.dots{position: absolute; bottom:20px; left:200px; min-width:60px; height: 12px; z-index: 2;}
.dots span{float: left; width:12px;height: 12px; border-radius: 50%; background: #abbf92; border: 1px solid #fff;margin-right: 8px; cursor: pointer;opacity: 0.7;filter: alpha(opacity=70);}
.dots span.active{opacity: 1;filter: alpha(opacity=100);}
.arr{display:none;position: absolute; z-index: 2;width: 60px; height: 60px; line-height: 38px; text-align: center; font-size: 0; background: url(../images/btns.png); color: #fff; text-decoration: none}
.hwslider:hover .arr{display: block;}
.prev{left: 5%;}
.next{right: 5%;background-position: 0 -60px;}