*{padding:0;margin:0;}

img{border:none}
ul,li{list-style:none}

.cl:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.cl{zoom:1}

#sildes{}

.container{width:1100px;height:725px;margin:0 auto;position:relative;}


.control {width:497px;height:497px;display: block;position:relative;overflow: hidden; margin:0 auto;}

.change li{width:497px;overflow: hidden;text-align:center}

.change li .imgWrap{display: table-cell ;width:497px;height:497px;vertical-align: middle;cursor:pointer;*font-size: 500px;}

.change li img{width:495px;height:495px; border:solid 1px #fb8513;  vertical-align:middle; overflow:hidden}

.change li .textDesc{width:100%;height:50px;position:absolute;left:0;bottom:0;text-align:left;overflow: hidden;}
.change li .opacity{width:100%;height:50px;position:absolute;left:0;bottom:0;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.change li .title{ color:#fff;font-size:16px;line-height:30px; margin:13px 35px 15px 60px;}
.change li .title a{color:#e6e6e6;}

.change li .text{color:#b7b7b7;line-height:18px;font-size:0px;}

.area8{ height: 725px; background: url(../images/bg2.jpg) no-repeat center top;}


.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{height:216px;  position:relative;overflow: hidden; margin-top:8px;}
.thumbWrap .thumbCont{width:1200px;height:216px;position:absolute;overflow: hidden; }
.thumbWrap ul{}
.thumbWrap ul li{float: left; position: relative; width:221px;height:216px;text-align:center;overflow: hidden;}
.thumbWrap ul li div{width:211px; overflow: hidden; border:solid 1px #ddd;  height: 214px;  display: table-cell;vertical-align: middle;*font-size: 185px; }

.thumbWrap ul li img {width:209px; background: rgba(0,0,0,0.8);height:209px;vertical-align:middle; overflow:hidden}

.thumbWrap ul li.cur div{ border:solid 1px #fb8513;}
.thumbWrap em{ width: 211px; display: block; position: absolute; left: 0; top:0; height: 214px;background: rgba(0,0,0,0.5);}
.thumbWrap ul li.cur em{ display: none;}
.thumbPrev, .thumbNext{width:0px;height:0px;text-align:center;position:absolute;color:#000;z-index: 99999; outline:none; top:59px;}


.thumbPrev{left:0; width:96px; height:96px;background:url(../images/4.png) no-repeat center top;}
.thumbNext{right:0;width:96px; height:96px;background:url(../images/3.png) no-repeat center top;}
.thumbPrev:hover{left:0;width:96px; height:96px;background:url(../images/2.png) no-repeat center top;}
.thumbNext:hover{right:0;width:96px; height:96px;background:url(../images/1.png) no-repeat center top;}
.thumbPrev span,.thumbNext span{ display: none;}
.prev span,.next span{ display: none;}