.pic{position: relative; width: 407px; height: 407px;}
.pic li{position: absolute; width: 407px; left: 0px; top: 0px; display: none;}
.txt ul li{bottom: -36px;}
/* 本例子css */.focusBox { position: relative;float: left; width: 407px; height: 407px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; background: #ffffff; }.focusBox .pic img { width: 407px; height: 407px; display: block; }.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 35px; width:100%; background: #000; filter: alpha(opacity=80); opacity: 0.6; overflow: hidden; }.focusBox .txt { position: absolute; bottom: 0;left: 0px;float: left; z-index: 2; height: 35px; width:75%; overflow: hidden; }.focusBox .txt li{ height:35px; line-height:35px; position:absolute; bottom:-20px;}.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 14px;  }.focusBox .num { position: absolute; z-index: 3; bottom: 15px; right: 8px; }.focusBox .num li{ float: left; position: relative; width: 4px; height: 4px; margin: 0 3px; overflow: hidden; border-radius: 5px; text-align: center; 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: #080605;  }.focusBox .num li.on a,.focusBox .num a:hover{ background:#ffffff; }