@charset "utf-8";
.mainCon{width:1000px; margin: 0 auto; overflow: hidden;position: relative;z-index: 10;}

.carousel{width:1000px; height: 480px;}
.carousel .large_box{width:480px; height: 480px;padding:0px; border:1px solid #c2c2c2; overflow: hidden; position: relative;z-index: 2;float:left;}
.carousel .large_box li.active{display: block;}
.carousel .large_box li a{width:478px; height: 478px;display:block;line-height: 478px;text-align:center;font-size:0;}
.carousel .large_box li a.largeImg{width:840px; height:840px; background:rgba(0,0,0,0.5);position: absolute;left:0;top:0;}
.carousel .large_box li img{max-width:478px; max-height: 478px;vertical-align: middle;}
.carousel .large_box li a.largeImg img{position: absolute;left:0;top:0;right: 0;bottom:0; max-height: 800px; max-width:800px;display: block;}
.collect_right{float:left;margin-left:40px;width:480px;position:relative;height:480px;}
.exhibit_right h3{font-size: 24px;
    color: #333333;
    line-height: 40px;
    max-height: 360px;
    overflow: hidden;
    margin-top: -10px;cursor: pointer;}
.collect_line{border-top:1px solid #dddddd;margin-top:10px;}
.collect_line p{font-size:16px;color:#ff6900;line-height: 16px;margin-top:20px;cursor: pointer;}
.collect_line p span{display:inline-block;margin-right:10px;width:16px;height:14px;background:url(../../img/icons/shoucang.png) no-repeat center 1px;}
.collection-btns{width:102px;height: 186px;position: absolute;right:0;bottom:0;z-index:9;}
.collection-btns a{color:#ffffff;width:102px;background-color:#293037;height: 38px;margin-bottom:10px;display: block;border-radius: 6px 0 0 6px;position: relative;-webkit-transition:200ms;-moz-transition:200ms;-o-transition:200ms;transition: 200ms;margin-left:60px;}

.collection-btns .collection-icons{display: block;width:38px;height: 38px;position: absolute;right:60px;top:0;}
.collection-btns .collection-scale-icons{background:url(../../img/icons/scale.png) no-repeat center center; background-size:24px;}
.collection-btns .collection-voice-icons{background:url(../../img/icons/voice.png) no-repeat center center; background-size:16px 24px;}
.collection-btns .collection-voice-icons-b{background:url(../../img/icons/voice-pause.png) no-repeat center center; background-size:16px 24px;}
.collection-btns .collection-video-icons{background:url(../../img/icons/video.png) no-repeat center center; background-size:24px 24px;}
.collection-btns .collection-3d-icons{background:url(../../img/icons/d3.png) no-repeat center center; background-size:24px 24px;}
.collection-btns .collection-text{padding-left:12px;font-size: 15px; line-height: 38px;height: 38px;position: absolute;left:0;top:0;display: none;}
.collection-btns a:hover,.collection-btns a.active{margin-left:0;background-color:#ff6900;}
.collection-btns a:hover .collection-icons,.collection-btns a.active .collection-icons{right:0;}
.collection-btns a:hover .collection-text,.collection-btns a.active .collection-text{display: block;}
.collection-btns .collection-voice,.collection-btns .collection-video{
    width:90px;margin-left:60px;
}
.collection-btns .collection-voice:hover,.collection-btns .collection-video:hover{
    margin-left:12px;
}
.collection-btns .collection-voice .collection-icons,.collection-btns .collection-video .collection-icons{
    right:48px;
}
.collection-btns .collection-3d{
    width:74px;margin-left:60px;
}
.collection-btns .collection-3d:hover{
    margin-left:28px;
}
.collection-btns .collection-3d .collection-icons{
    right:32px;
}
/*大图*/
#pageContent {
    /*width: 980px;
    height: 500px;*/
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin:0 auto;
    position: fixed;left:0;top:0;
    background:rgba(0,0,0,0.95);
    z-index: 1001;
    display: none;
}
#imgContainer {
    width: 100%;
    height: 100%;
}

/* 展览展品翻页 */
.exhibit_turn{
    margin-top:40px;
}
.exhibit_turn div{
    float:left;
}
.exhibit_turn div{
    font-size:14px;
    color:#666666;
    height:30px;
    line-height:30px;
}
.down_exhit{
    margin-left:120px;
}
.exhibit_turn div a{
    display:block;
    width:180px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.exhibit_turn div:hover a{
    color:#999999;
}
/*图片下面的简介*/
.collect_down{
    width: 1200px;
    margin: 30px auto 0;
    padding:0 100px;
}
.collect_down p{
    color:#666666;
    font-size:16px;
    line-height:32px;
}
.collect_down p span{
    color:#333333;
}
/*藏品翻页*/
.turn_collect{
    width:1200px;
    margin: 35px auto 0;
    padding:0 100px 0 160px;
}
.turn_collect div{
    float:left;
    width:330px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#333333;
    font-size:16px;
}
.turn_collect div label{
    font-size:16px;
    color:#333333;
}
.turn_collect div span{
	cursor: pointer;
}
.turn_collect div:nth-child(2){
    margin-left: 170px;
}
/*相关*/
.related{
    width: 1200px;
    margin: 36px auto 40px;
    padding:0 100px;
}
.related h3{
    font-size:18px;
    color:#333333;
    line-height:40px;
}
.related p{
    font-size:16px;
    line-height:36px;
    color:#666666;
}
/*展览典藏样式修改*/
.exhibit_collect_{
    margin:130px 0 50px 0;
}
/*小图*/
.collect_small{
    position:absolute;
    bottom:0;
}
/*增加英文分类*/
#CateCode,#yearCode{
    font-weight: normal;
}

/*导航样式*/
.exhibi_c.active{
    opacity:0.6;
}
/*修改轮播图样式*/
.pc-slide {
    width: 1000px;
    margin: 0 auto;
}
.view{
    float:left;
    width:484px;
}
.exhibit_right{
    float:right;
    width:480px;
    height:480px;
    position:relative;
}
.view .swiper-container {
    width: 480px;
    height: 480px;
    border:1px solid #dddddd;
}
.view .swiper-container .swiper-wrapper a{
    display:block;
    width:480px;
    height:480px;
    line-height:480px;
    text-align:center;
    font-size:0;
}
.view .swiper-container a img{
    max-width: 480px;
    max-height:480px;
}
.smalImg{
    position:absolute;
    bottom:0;
}
.preview {
    width: 480px;
    margin-top: 10px;
    position: relative;
}
.preview .swiper-container {
    width: 342px;
    height: 90px;
    margin-left: 63px;
}
.preview .swiper-slide {
    width: 90px;
    height: 90px;
    margin-left:24px;
    cursor:pointer;
    text-align:center;
    font-size:0;
    line-height:90px;
}
.preview .swiper-slide img{
    max-width:90px;
    max-height:90px;
}
.preview .slide6 {
    width: 82px;
}
.preview .arrow-left.disabled,.preview .arrow-right.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}
.preview .arrow-left {
    background: url(../../img/icons/index-prev.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 15px;
    width: 28px;
    height: 90px;
    z-index: 10;
    background-size:100%;
}
.preview .arrow-left:hover{
    background: url(../../img/icons/index-prev-active.png) no-repeat left top;
    background-size:100%;
}
.preview .arrow-right {
    background: url(../../img/icons/index-next.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: -5px;
    width:28px;
    height: 90px;
    z-index: 10;
    background-size:100%;
}
.preview .arrow-right:hover{
    background: url(../../img/icons/index-next-active.png) no-repeat center center;
    background-size:100%;
}
.preview img {
    padding: 1px;
}
.preview .swiper-slide{
    border:1px solid #fff;
}
.preview .active-nav{
    border: 1px solid #dddddd;
}

.preview .swiper-wrapper .swiper-slide:hover{
    border: 1px solid #dddddd;
    font-size:0;
}
.preview .swiper-wrapper .swiper-slide:hover img{
    transform: scale(0.9);
}
.preview .active-nav img {
    padding: 0;
    border: 1px solid #dddddd;
    transform: scale(0.9);
}

