/* sildes css begin */ .control { width:705px; height:325px; padding:14px; background:#fff; border:solid 1px #cccccc; display: block; position:absolute; top:0; left:0; overflow: hidden; } .change li { width:705px; overflow: hidden; text-align:center } .change { margin-top:0px !important; margin-bottom:0px !important; } /* 图片垂直居中,不是很准确 */ .change li .imgWrap { display: table-cell; width:705px; height:325px; vertical-align: middle; cursor:pointer; *font-size: 500px; } .change li .imgWrap a { display:block; width:100%; height:100%; } .change li img { max-width:706px; width:auto !important; width:706px; max-height:325px; height:auto !important; height:325px; vertical-align:middle; overflow:hidden } /* 描述部分 */ .change li .textDesc { height:40px; position:absolute; left:0; bottom:0; text-align:left; overflow: hidden; } .change li .opacity { width:100%; height:40px; position:absolute; left:0; bottom:0; background:#000; filter:alpha(opacity=50); opacity:0.5; } .change li .title { padding:10px; color:#e6e6e6; font-size:14px; line-height:22px; } .change li .title a { color:#e6e6e6; } .change li .text { display:none; } /* 翻页按钮 */ .prev, .next { width:49px; height:49px; position:absolute; bottom:480px; color:#FFF; font-size:14px; z-index: 9; font-weight:bold; cursor: pointer; outline:none } .prev span, .next span { display: none; } .prev { left:0; background:url(../images/arrows_01.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images-thumb/arrows_01.png"); _background:none } .next { right:0; background:url(../images/arrows_02.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images-thumb/arrows_02.png"); _background:none } /* 分页 */ .pageClass { text-align:center; z-index: 9; position:absolute; top:50px; padding-top:10px; } .pageClass a { display: inline-block; width:10px; height:10px; margin:0 3px; overflow:hidden; border:1px solid #bebebe; background:#bebebe; border-radius:5px; outline:none } .pageClass a span { display:none } .pageClass a:hover, .pageClass a.cur { border:1px solid #be230a; background:#be230a } /* 缩图部分 */ .thumbWrap { width:223px; height:340px; position:absolute; right:0; top:0; background:#fff; overflow: hidden; } .thumbWrap .thumbCont { width:100%; height:100%; position:relative; overflow: hidden; } .thumbWrap ul { } .thumbCont ul { padding:32px 11px !important; margin:0 auto; width:201px !important; } .thumbWrap ul li { width:201px; height:80px; text-align:center; float:left; overflow: hidden; margin:3px 0px; } .thumbWrap ul li div { display: table-cell; width:201px; height:80px; vertical-align: middle; cursor:pointer; *font-size: 79px; } .thumbWrap ul li img { padding:3px; border:solid 1px #cccccc; width:193px; height:72px; width: expression(this.width > 116 && this.width > this.height ? 116 :true); height:expression(this.height >89 ? 89: true); vertical-align:middle; overflow:hidden } .thumbWrap ul li.cur img { border:1px solid red; } .thumbWrap ul li.cur { background:url(../images/curbg.gif) no-repeat } /* 缩图按钮 */ .thumbPrev, .thumbNext { width:221px; height:27px; text-align:center; position:absolute; border:solid 1px #d1d1d1; z-index: 9; outline:none } .thumbPrev span, .thumbNext span { display: none; } .thumbPrev { left:0; top:0; background:url(../images/spe_top_img.jpg) no-repeat center center #fff; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images-thumb/Yprev.png"); _background:none } .thumbNext { left:0; bottom:0; background:url(../images/spe_bo_img.jpg) no-repeat center center #fff; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images-thumb/Ynext.png"); _background:none }