@charset "utf-8"; .content_middle{ width: 304px; height:444px; margin:0px auto; position: relative; } .toppic{ width: 304px;height:280px; background-color: #fff; } .toppic ul{padding: 0; margin: 0; list-style: none;} .toppic ul li{ padding: 0; margin: 0; width:304px; height:248px; opacity:0; filter: alpha(opacity=0); position: absolute; list-style: none; } .toppic ul li .protxt{line-height: 25px; position:absolute; margin-top: 320px; color:#fff; text-align: center; width: 300px; font-size: 14px;opacity: 1; filter: alpha(opacity=1); z-index: 10000000000000; } .bottomaniu{ width:304px; height: 140px; background-color: #005ca4; margin-top: -80px;} /*左右切换图标*/ .common{ display: block; width:18px; height:33px; position: absolute; z-index: 25; } .bottomaniu .btnLeft{ width: 18px; height: 60px; display: block; float:left; background: url(../images/preImg.png) no-repeat left center; margin-left: 10px; margin-top: 30px; z-index: 99999; } .bottomaniu .btnRight{ width: 18px; height: 60px; display: block; right:10px; margin-top: -50px; background: url(../images/nexImg.png) no-repeat left center; z-index: 99999; } /*左右切换图标*/ /*切换小图标*/ .tablebox{ width:150px; margin-left: auto; margin-right: auto; height:33px; margin-top:80px; line-height: 24px; padding-top: 80px; } .tablebox a{ width:15px; height:15px; font-size: 0; border-radius: 50%; border: 3px solid #fff; text-align:center; line-height: 33px; margin-left:3px; display: block; float:left; } .tablebox a.small_active{ width:90px; height:23px; background: url(../images/bjan.png) no-repeat; font-size:12px; border-radius:0; border: none; text-align:center; line-height:23px; display: block; color: #005ca4; }