/* css 重置 */*{margin:0; padding:0; list-style:none; }body{ background:#fff; font:normal 12px/22px 宋体; }img{ border:0; }a{ text-decoration:none; color:#333; }a:hover{ color:#1974A1; }
/* 本例子css */.gund { position: absolute; width: 630px; height: 350px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white;float:left; }.gund .pic img { width: 630px; height: 350px; display: block; }.gund .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }.gund .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }.gund .txt li{ height:36px; position:absolute; bottom:-36px;}.gund .txt li a{ line-height:36px;color: white; padding: 0 0 0 10px; font-size: 16px; font-weight: bold;font-family:'Microsoft YaHei',Arial,"黑体","宋体",sans-serif !important;text-decoration:none;}.gund .txt li a:hover{color:red;background:none;}.gund .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }.gund .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }.gund .num li a,.gund .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }.gund .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }.gund .num li.on a,.gund .num a:hover{ background:#f60; }