@charset "utf-8";

/* .ui-topbox.type1 .ir-icon__md{background: url(/images/prog/infoImg/ir.png) -0px -0px no-repeat;} */
/* .ui-topbox.type1 .ir-icon__md.icon1{background-position: -12px 7px;} */
.ui-topbox.type1 .inner .txtwrap p:nth-child(2){position:relative;padding-left: 68px;margin: 16px 0 0;}
.ui-topbox.type1 .inner .txtwrap p:nth-child(2):before{display: inline-block;position:absolute;top:-10px;left:-4px;width: 72px;height: 36px;background: url(/images/prog/infoImg/ir.png) -232px -35px no-repeat;content: "";}
.ui-topbox.type1 .inner .txtwrap p:nth-child(3){margin:0;}

.infoImg--list .obj.col3{width:calc(100% + 15px);margin:0 0 0 -15px}
.infoImg--list .obj .col{float:left;position:relative;width:calc(33.333% - 15px) !important;height: 303px;margin:10px 0 10px 15px;}
.infoImg--list .detail--link{display:block;position:absolute;top:2px;left:2px;right:2px;bottom:2px;width:calc(100% - 4px);height:calc(100% - 4px);overflow:hidden}
.infoImg--list .detail--link:before{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;border:1px solid #e0e0e0;content:'';}
.infoImg--list .detail--link>a{display:block;position:relative;z-index:1;padding:1px;}
.infoImg--list .detail--link>a:hover{text-decoration:none}
.infoImg--list .detail--link>a:hover:before{border-bottom-color:#2678cc}
.infoImg--list .detail--link>a:focus .thm--box {height: 170px;}
.infoImg--list .detail--link>a:focus .thm--box img {top: 0;}
.infoImg--list .detail--link>a:focus .link{margin-top:10px;}
.infoImg--list .title{display:block;position:relative;margin:20px 15px 0 15px;/* padding-right:30px; */color:#000;font-size: 18px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.infoImg--list .link{display:inline-block;width:calc(100% - 30px);height:36px;margin:35px 15px 0 15px;background-color:#d51a23;border-radius:3px;text-align:center;cursor:pointer}
.infoImg--list .link em{display:inline-block;padding:7px 0 0;color:#fff}
.infoImg--list .link em:after{display:inline-block;margin:-3px 0 0 10px;color:#fff;font-size:18px}
.infoImg--list .thm--box{display:block;position:relative;top:0;overflow:hidden;width:100%;height: 205px;background-color: #e8e7f5;transition:all .3s;z-index:0;}
.infoImg--list .thm--box .inner img{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;margin:auto;border:none;transition:all .3s}
.infoImg--list .detail--link.active .thm--box,.infoImg--list .detail--link:hover .thm--box{height:170px}
.infoImg--list .detail--link.active .thm--box img,.infoImg--list .detail--link:hover .thm--box img{top:0}
.infoImg--list .detail--link.active .link,.infoImg--list .detail--link:hover .link{margin-top:10px;}
.infoImg--list .p-info{display:block;margin:5px 15px 0 15px;text-align: right;}
.infoImg--list .p-info span{display:inline-block;font-size: 14px;line-height:17px;color: #777;}
.infoImg--list .p-info .views{color:#666;}
.infoImg--list .p-info .views i{color:#969696;font-style: normal;}
.infoImg--list .p-info .address{float:right;}
.infoImg--list .p-info:after {display:block;visibility:hidden;clear:both;content:""}

.preview_area{width:100%;padding:0;}
.preview_area:after {content:""; clear:both; display:block;}
.preview_area p{display:block;vertical-align:middle;text-align:left;width:50%;float:left;position:relative; }
.preview_area p a{display:block;position:relative;height:100%;line-height:30px;padding:15px 0 15px 90px;font-size:16px;color:#444;font-weight:500;background: url(/images/program/infoImg/btn_before_view.png) no-repeat 0 50%;box-sizing:border-box;}
.preview_area p a *{vertical-align: middle;}
.preview_area p a span{overflow:hidden;vertical-align:top;display:inline-block;margin:0 0 0 20px;font-size:16px;color:#444;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;}
.preview_area .next-view{text-align:right;}
.preview_area .next-view a{text-align:right;padding-right:110px;background:url(/images/program/infoImg/btn_next_view.png) no-repeat 100% 50%;}
.preview_area .next-view a span{display:inline-block;margin:0 20px 0 0;padding-right:20px;background:url(/images/program/infoImg/bg_preview_area.png) no-repeat 100% 0;width:100%;}
.preview_area .before-view a span{margin:0 0 0 20px;padding-left:20px;background:url(/images/program/infoImg/bg_preview_area.png) no-repeat 0 0;}
.preview_area .before-view a em{position:absolute;top:12px;left:45px;}
.preview_area .next-view a em{position:absolute;top:12px;right:45px;}

/* gallery styles */
#gallery_title {font-family: Trebuchet,Verdana,Helvetica, sans-serif; font-size: 16px; letter-spacing: 3px; color:#535353; height:35px; width:100%;  position:relative;}
#gallery {width:100%;}
#gallery_image {}
#gallery_image_main {width:100%; position:relative;}
#gallery_image_about {width:100%; margin-top:15px;}
#gallery_image a {font-size: 14px; line-height:17px;}
#gallery_image .more_info a:link, #gallery_image .more_info a:visited, #gallery_image .more_info a:hover, #gallery_image .more_info a:active {font-size:12px; font-weight:normal;}
#gallery_image_title {margin: 8px 0px 4px 0px; width:70%;text-align: center;}
.seadragon_title {font-weight:bold;}
#gallery_image_description {margin: 0px 0px 8px 0px; width:70%; float: left;}
#thumb_scroll {float:left; width:24px;}

#gallery_nav {text-align:right;padding-bottom:30px;}
#gallery_nav span{display:inline-block;}
#gallery_nav span *{vertical-align: middle;}
#gallery_nav .control a{display: inline-block; width:43px; height: 43px;background: url('/images/program/infoImg/ir.png') no-repeat 0 0;font-size:0;}
#gallery_nav .control a#zoom-in{background-position:-91px 0}
#gallery_nav .control a#zoom-out{background-position:-137px 0}
#gallery_nav .control a#download{background-position:-182px 0}
#gallery_previous,
#gallery_next{position:absolute; top:50%; min-width:0; margin-top:-17px; display: inline-block; width:45px; height: 45px; background: url('/images/program/infoImg/ir.png') no-repeat 0 0; transition:background-color ease-out 0.125s; box-sizing: border-box;}
#gallery_previous{left:10px; background-position:0 0}
#gallery_next{right:10px;background-position:-46px 0 }

.galleryWrap:after {content:""; clear:both; display:block;}
.galleryWrap .imgArea {position:relative; text-align: center; box-sizing:border-box; }
.galleryWrap .imgArea img {margin:0 auto;}

.galleryWrap .imgArea button[disabled] {opacity: 0.4; cursor: default;}
.galleryWrap .imgArea button[disabled]:hover {background-color: #fff}

.galleryWrap .galleryThum {position:relative;/* float:right; *//* width:290px; */box-sizing:border-box;margin-top:20px;text-align:center}
.galleryWrap .galleryThum:after {content:''; display:block; clear:both;}
.galleryWrap .galleryThum li {position:relative; float:left;width:10.6%; margin-top:5px; padding:0 5px; box-sizing:border-box; margin-left:-5px;}
.galleryWrap .galleryThum li img {position:relative; z-index:1; width:100%; transition: transform ease-in-out 0.25s; margin:0;}
.galleryWrap .galleryThum li.on:after {content:''; position:absolute; top:0; bottom:0; left:5px; right:5px; z-index:1; background-color:#0063CC; opacity:0.5; pointer-events: none;}
.galleryWrap .galleryThum li a {display:block; width:100%;  overflow:hidden}
.galleryWrap .galleryThum li a:hover img, .galleryThum li a:focus img {transform:scale(1.2); opacity:0.4}

.bbs--view  .galleryTxt{margin-left:52px; padding-top:20px;}
.bbs--view  .galleryTxt ~ .fileList {margin-left:52px; padding-left:0 !important; padding-top:20px; border-top:1px solid #d2d2d2;}


canvas {top:50px;} 
#viewer,
#seadragon-viewer{margin:0 auto;max-width:840px;height:840px;}

.infoImg--list .program--count{margin-left:10px;}

@media (max-width:768px){
    .infoImg--list .obj .col{width: calc(50% - 15px) !important;}	
}
@media (max-width:600px){
    .program--search .fieldset {width:100%;}
}
@media (max-width:560px){
    .infoImg--list .obj .col {width:calc(100% - 15px) !important;}
}