/* jquery.hiSlider.css */ .hiSlider-pages, .hiSlider-title{ position: absolute; z-index: 3; } .hiSlider-btn-prev, .hiSlider-btn-next{ position: absolute; z-index: 5; top: 50%; height: 40px; width: 40px; margin-top: -15px; text-indent: -200px; overflow: hidden; opacity: .6; filter:alpha(opacity:60); } .hiSlider-btn-prev{ background: url(../images/bannerleft.png) no-repeat; left: 30px; } .hiSlider-btn-next{ right: 30px; background: url(../images/bannerright.png) no-repeat; } .hiSlider-btn-prev:hover, .hiSlider-btn-next:hover{ opacity: 1; filter:alpha(opacity:100); } .hiSlider-title{ bottom: 0; width: 100%; padding: 20px 0; color: #fff; text-indent: 300px; background: url(../images/bannertm.png) repeat-x; z-index: 2; font: 28px/2 "Microsoft YaHei", "Arial", "Tahoma" } .hiSlider-pages{ bottom: 30px; right: 130px; text-align: right; } .hiSlider-pages a{ height: 18px; width: 16px; margin: 0 6px; display: inline-block; overflow: hidden; text-indent: -100px; font-size: 0; background: url(../images/huidian.png) no-repeat center top; } .hiSlider-pages a.active{ background: url(../images/hongdian.png) no-repeat center top; }