.hwslider{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:10px;height: 10px; opacity: 0.6;border: 1px solid #B5AEB0; border-radius: 50%; background: #B5AEB0; margin-right: 8px; cursor: pointer;}

.dots span.active{background:#fff;opacity: 1;}

.arr{display:none;position: absolute; top: 140px; z-index: 2;width: 26px; height: 57px; line-height: 38px; text-align: center;; font-size: 36px; background: url('../images/ibar_sprites.png?t=12'); color: #fff; text-decoration: none}

.arr:hover{ text-decoration: none;}

.hwslider:hover .arr{display: block; text-decoration: none;color: #fff}

.prev{left:0px;background-position: -60px -59px;}
a.prev:hover{left:0px;background-position: -90px -59px;}

.next{right:0px;background-position: -59px 0px;}
a.next:hover{right:0px;background-position: -89px -0px;}