/******************************************************** 左右滚动切换 **********************************************************************/
.trans-scroll{height:140px; margin-bottom:50px;}

.trans-scroll .trans-btn{width:30px; height:55px; margin-top:42px; cursor:pointer;}

.trans-scroll .prevBtn{float:left; background:url(../image/switch.png) left -110px no-repeat;}

.trans-scroll .prevBtn:hover{background:url(../image/switch.png) left -165px no-repeat;}

.trans-scroll .nextBtn{float:left; background:url(../image/switch.png) left top no-repeat;}

.trans-scroll .nextBtn:hover{background:url(../image/switch.png) left -55px no-repeat;}

.trans-scroll .pic-show{float:left; position:relative; width:1050px; height:100%; overflow:hidden; margin:0 28px;}

.trans-scroll .list{position:absolute; left:0; top:0; width:5000px; height:100%; padding:0; margin:0;}

.trans-scroll .list li{float:left; width:202px; height:134px; overflow:hidden; margin-right:10px; border:solid 3px #c4d1e3;}

.trans-scroll .list li:hover{border:solid 3px #e56c00;}

.trans-scroll .list .pic{width:100%; height:100%;}

.trans-scroll .list img{width:100%;}


/*********************************** 弹出层样式 *********************************************/
.scrollPopup{z-index:10; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8);}

.scrollPopup .picShow{position:relative; width:96%; height:96%; overflow:hidden; margin:2% 2% 0;}

.scrollPopup  .picShow .list{position:absolute; left:0; top:0; width:99999px; height:96%; overflow:hidden;}

.scrollPopup  .list li{float:left; width:1313px; height:100%;}

.scrollPopup .pic{width:100%; height:100%;}

.scrollPopup .pic img{width:100%;}

.scrollPopup .txt{width:100%; height:auto}

.scrollPopup .btn{z-index:2; position:absolute; cursor:pointer;}

.scrollPopup .nextBtn{left:2.5%; top:45%; width:30px; height:55px; background:url(../image/switch.png) left top no-repeat;}

.scrollPopup .nextBtn:hover{background:url(../image/switch.png) left -55px no-repeat;}

.scrollPopup .prevBtn{right:2.5%; top:45%; width:30px; height:55px; background:url(../image/switch.png) left -110px no-repeat;}

.scrollPopup .prevBtn:hover{background:url(../image/switch.png) left -165px no-repeat;}

.scrollPopup .closeBtn{right:2.5%; top:5%; width:44px; height:44px; background:url(../image/switch.png) left -220px no-repeat;}

.scrollPopup .closeBtn:hover{background:url(../image/switch.png) left -264px no-repeat;}

/*********************************** 缩略图 *********************************************/
.thumbGallery{margin-top:20px;}
.thumbGallery li{float:left; width:9%; height:auto; overflow:hidden; margin-left:0.9%; margin-bottom:8px;}
.thumbGallery .thumb{height:100px; padding:1px; border:solid 1px #ccc;}
.thumbGallery .thumb:hover{border:solid 1px #323232;}
.thumbGallery .on{border:solid 1px #323232;}
.thumbMode1 .trans-btn{z-index:100; position:absolute; top:0; width:155px; height:45px; background-color:#ffa2a2; border-radius:3px; margin:0;}
.thumbMode1 .nextBtn{left:5px; background:#ffa2a2 url(../image/arrow.png) 65px 5px no-repeat;}
.thumbMode1 .nextBtn:hover{background:#ffa2a2 url(../image/arrow.png) 66px -79px no-repeat;}
.thumbMode1 .prevBtn{right:5px; background:#ffa2a2 url(../image/arrow.png) 65px -39px no-repeat;}
.thumbMode1 .prevBtn:hover{background:#ffa2a2 url(../image/arrow.png) 65px -122px no-repeat;}

.container{
	width:1228px;
}