.slider{ overflow: hidden; width:580px; height:435px;}
.slider-item{ float: left;}
.slider img{ width:580px; height:435px;}
.slider-title{ position: absolute; z-index: 3; bottom: 0; left:0; padding:0 10px; width: 100%; box-sizing:border-box; color: #fff; line-height:40px; background-color:#000; background:rgba(0,0,0,.6); filter:alpha(opacity=80)}
.slider-pages{ position: absolute; z-index: 4; bottom:15px; right: 10px; text-align: right }
.slider-pages a{ width:10px; height:10px; margin: 0 6px; display: inline-block; border-radius: 50%; background: #ddd; font-size:0;}
.slider-pages a.active { background: #5472BF }
.slider-btn-prev,
.slider-btn-next { display: none; position: absolute; z-index: 5; top: 50%; height: 30px; width: 30px; margin-top: -15px; text-indent: -200px; overflow: hidden; opacity: .6; filter:alpha(opacity:80) /* background: url(../images/btn_slider.png) no-repeat; */}
.slider-btn-prev { left: 10px }
.slider-btn-next { right: 10px; background-position: -30px 0 }
.slider-btn-prev:hover,
.slider-btn-next:hover { opacity: 1; filter:alpha(opacity:100)}