锘?* 鐒︾偣鍥?*/ .focusBox { float:left; position: relative; width: 100%; height: 100%;overflow: hidden; font-family:Arial; text-align: left; background:#fff; } .focusBox .pic img { width: 100%; height: 100%; display: block; } .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; } .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; } .focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;} .focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 13px; font-weight: bold; text-decoration: none;line-height:36px; } .focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; } .focusBox .num li{ float: left; position: relative; width: 20px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; } .focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } .focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; } .focusBox .num li.on a,.focusBox .num a:hover{ background:#f60; } .focusBox .prev, .focusBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:none; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .focusBox .next{ left:auto; right:3%; background-position:8px 5px; } .focusBox .prev:hover, .focusBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .focusBox .prevStop{ display:none; } .focusBox .nextStop{ display:none; } 久草小区二区三区四区网页