/*效果1 type=1*/
.wp-display-wrapper div,span,p,h1,h2,h3,h4,h5,h6,em,img,strong,sub,sup,tt,dd,dl,dt,form,label,table,caption,tbody, tfoot, .wp-display-wrapper thead,tr,th,td,ul,li,p,a{ margin:0;padding:0;}
.wp-display-wrapper.cbody988{ margin:0 auto;width:988px; position:relative;}
.wp-display-wrapper.cbody937{ margin:0 auto;width:937px; position:relative; padding-left:7px;}
.wp-display-wrapper input,select,textarea,img{vertical-align:middle;}
.wp-display-wrapper img{ border:0;}
.wp-display-wrapper ul,li{list-style-type:none;}
.wp-display-wrapper a:link,a:visited{text-decoration:none; color:#343434;}
.wp-display-wrapper a:hover{text-decoration:underline; color:#0F6BD0;}
.wp-display-wrapper .overhide{overflow:hidden;text-indent:-100em;}
/*位置属性*/
.wp-display-wrapper .marTop10{margin-top:10px;}
.wp-display-wrapper .left{	float:left;}
.wp-display-wrapper .right{	float:right;}
.wp-display-wrapper .clear {clear: both;}
.wp-display-wrapper .clearfix:after {clear: both;content: '';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.wp-display-wrapper .clearfix {display: block;}

/*wp-display-wrapper*/
.wp-display-wrapper{width: 644px;margin:0 auto;position:  relative;}
.wp-display-wrapper .picSlideWrap{background:#fff;border:none; padding:0;}
.wp-display-wrapper .titleh3{ height:70px; line-height:70px; text-align:center;  width:910px; margin:0 auto; font-size:26px; color:#000;}
.wp-display-wrapper .titleh4{text-align:center; font-size:12px; color:#000; font-weight:normal; padding:10px 0 20px 0px;}

.wp-display-wrapper .imgnav{position:relative;margin:0 auto;width: 100%;}
.wp-display-wrapper .img{z-index:10;width: 100%;position: relative;text-align:center;}
.wp-display-wrapper .img img{width: 644px;height: 429px;display:none;border:none;}
.wp-display-wrapper .front{position:absolute;left:0px;top:0px;z-index:10;cursor:pointer;width: 100%;height: 100%;}
.wp-display-wrapper .front a{  position:absolute; left:20px; top:184px;display:block;  width:104px; height:104px; display:none;}
.wp-display-wrapper .next{position:absolute;right:0px;top:0px;z-index:10;cursor:pointer;width: 50%;height: 100%;}
.wp-display-wrapper .next a{  position:absolute; right:20px; top:184px; display:block;  width:104px; height:104px; display:none;}

.wp-display-wrapper .cbtn{background:#EAEBF0;position:relative;height:122px;border:1px solid #D6D9DC;margin-top:12px;/* width: 650px; */}
.wp-display-wrapper .cbtn ul{position:relative; width:10000px; height:122px;}
.wp-display-wrapper .cbtn ul li{ float:left; padding:8px 3px 3px 3px; width:116px; height:86px; cursor:pointer; text-align:center; margin-right:20px; position:relative;}
.wp-display-wrapper .cbtn ul li img{ width:116px; height:86px; display:block;}
.wp-display-wrapper .cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20; font-family:"宋体" ;font-size:12px; line-height:16px; padding:0 5px;}
.wp-display-wrapper .ctrl div{ clear:both;}
.wp-display-wrapper .cSlideUl{width: 85%;height:116px;overflow:hidden;position:relative;top:10px;margin:0 auto;}
.wp-display-wrapper .picSildeLeft{cursor:pointer; position:absolute; top:32px; left:10px; z-index:9;}
.wp-display-wrapper .picSildeRight{cursor:pointer; position:absolute; top:32px; right:10px; z-index:9;}
/*效果2 type=3*/


/*效果3 type=4*/
.slide{position: relative;width: 1024px;height: 566px;}
.slide .bigImg{position: relative;height: 566px;width: 850px;background: #333;}
.slide .bigImg li{width:850px;text-align:center;}
.slide .bigImg li .imgWrap{display: table-cell;width:850px;height:566px;vertical-align: middle;*font-size: 400px;}
.slide .bigImg img{max-width: 850px;max-height: 566px;}
.slide .pageState{position: absolute;bottom: 0;height: 100px;left: 0;width: 100px;color: #a1a1a1;line-height: 100px;font-size: 25px;text-align:  center;z-index: 2}
.slide .pageState span{color: #ab000e;font-size: 40px;font-style: normal;}


.slide .bigImg .opacity{background-color: rgba(0,0,0,0.2);width:100%;height:auto;left:0;bottom:0;position: absolute;z-index: 2;padding: 10px 0;min-height:80px;}
.slide .bigImg .opacity .text{width: 750px;height:auto;left: 100px;bottom:0;text-align: left;}
.slide .bigImg .opacity .text{color:#fff;display: block;font-size: 14px;position:relative;left: 100px;}
.slide .bigImg .opacity .text p{color:#fff;}
@media \0screen\,screen\9 {
.slide .bigImg .opacity{background-color: #000;filter:Alpha(opacity=20);position: absolute;*zoom:1;width:100%;height:auto;left:0;bottom:0;z-index: 2;padding: 10px 0;text-align: left;}
.slide .bigImg .opacity .text{width: 750px;height:auto;left: 100px;bottom:0;text-align: left;}
.slide .bigImg .opacity .text{color:#fff;display: block;font-size: 14px;position:relative;left: 100px;}
}

.smallScroll{width: 174px;height: 566px;position: absolute;right: 0;top: 0;background: #000;}
.smallImg{top:39px;position: relative;height: 464px;margin: 0 8px;margin-top: 15px;}
.smallScroll ul{}
.smallScroll ul li{width:150px;height:100px;padding:8px 4px;text-align:center;line-height:100px;}
.smallScroll ul li.on{border: 4px solid #333;padding: 4px 0;}
.smallScroll ul li img {max-width:150px; max-height:100px; width: expression(this.width > 150 && this.width > this.height ? 150 :true); height:expression(this.height >100? 100: true);vertical-align:middle; overflow:hidden}


.sPrev{width: 100%;height: 39px;text-align: center;position: absolute;left: 0;top: 0;background: url(../images/Yprev.png) no-repeat center;}
.sNext{width: 100%;height: 39px;text-align: center;position: absolute;left: 0;bottom: 0;background: url(../images/Ynext.png) no-repeat center;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slide .prev,
.slide .next{position:absolute;left:3%;bottom: 50%;margin-top:-25px;display:block;width:32px;height:40px;background:url(../images/slider-arrow.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:0.5;z-index: 2;}
.slide .next{left: 77%;background-position:8px 5px;}
.slide .prev:hover,
.slide .next:hover{ filter:alpha(opacity=100);opacity:1;}