/*--------------------------------------
作者：seven
日期：2017/12/11
内容：游艇网（www.isyacht.com）
修改：2017/12/11
----------------------------------------*/
@charset "utf-8";
@import url("common.css");
/* CSS Document */
.gallery-body .container{margin-bottom:20px; /*border: 1px #eee solid;*/}
.conwrap {position: relative; z-index: 2; zoom: 1; padding: 20px; background:#FFF}
/* rComTitle */
.comTitle { height: 26px;line-height: 26px;font-size: 22px;border-top:0px solid #1590e3; font-weight:500;color: #333;margin-bottom: 20px;padding-left:0px;padding-top:0px;}
.comTitle h2{ float: left;line-height: 24px;}
.comTitle .more {float: right; margin-top:0px;font-size: 14px;color: #333;font-weight: normal;}
.comTitle .more em {display: inline-block;vertical-align: 0;margin-left: 7px;background: url(https://www.leiphone.com/resWeb/images/common/yp_spirit.png) no-repeat -194px -46px;width: 10px;height: 10px;}
.ft20{font-size: 20px;}

/* head-title */ 
.comHead{ height:35px; padding:0px 0 20px 0;}
.comHead .cTitle{ color:#31424e; font-size:30px; height:35px; line-height:35px; float:left;}
.comHead .cTitle span{ color:#f8b62a;}
.comHead .cTitle strong{ font-weight:normal;}
.comHead .cMore{float: right; width:80px; margin-top:0px;}
.comHead .cMore a{ background:#F8B62A; color:#FFF; font-size:16px; display:block; text-align:center; height:35px; line-height:35px;}

.pic-txtul{width:105%; overflow:hidden}
.pic-txtul li{float:left;margin:0px 20px 0px 0px;}
.pic-txtul li:l ast-child{padding-right:0px;}
.pic-txtul li .pic {width:196px;height:126px; overflow: hidden;}
.pic-txtul li .pic img{width:100%;min-height: 100%; transition: all .3s;}
.pic-txtul li .pic img:hover{opacity: 0.7; transform: scale(1.1); -ms-transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.pic-txtul li p{margin-top:2px;height:35px;line-height:35px;width:196px;font-size:14px}


.zt_mod{ border-top:#fe9304 solid 0px; margin-top:0px; height:311px;}
.zt_mod .img h2{ font-size:36px; padding:15px 0 0 20px;}
.zt_mod .img p{ font-size:16px; padding-left:20px;}
.zt_mod.green{ border-color:#00b246}
.zt_mod.red{ border-color:# f5585d}
.zt_mod.blue{ border-color:#4ebaf8}
.zt_mod .img{ display:inline-block; color:#fe9304; background:url(http://s.cncnimg.cn/css/img/zt_cheng.png); width:220px; height:311px; vertical-align:top;}
.zt_mod.cheng2 .img{ background-image:url(http://s.cncnimg.cn/css/img/zt_cheng2.png);}
.zt_mod.green .img{ background-image:url(http://s.cncnimg.cn/css/img/zt_green.png); color:#00b246}
.zt_mod.red .img{ background-image:url(http://s.cncnimg.cn/css/img/zt_red.png); color:#f5585d}
.zt_mod.blue .img{ background-image:url(http://s.cncnimg.cn/css/img/zt_blue.png); color:#4ebaf8}

/*===图库频道页===*/
/*masker_txt*/
.masker_txt {width: 100%;height: 40px;position: absolute;z-index: 2;zoom: 1;left: 0;bottom: 0;line-height: 40px;text-align: center;}
.masker_txt .masker {width: 100%;height: 100%;display: block; background: url("../images/masker.png") no-repeat center; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.69) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.69) 100%);}
.masker_txt .txt {display: block;position: absolute;z-index: 2;zoom: 1;padding:0 2%; left: 0;bottom: 0;width: 96%;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #fff;}

#owl-demo img{border:0 none;}
#owl-demo{position:relative;width:1100px;height: 410px;padding-bottom: 30px;margin: 20px auto;}
#owl-demo ul{margin:-10px -10px 0 0;overflow:hidden;zoom:1;}
#owl-demo li{position:relative;float:left;margin:10px 10px 0 0;overflow:hidden;_display:inline;}
#owl-demo li img{width: 100%;height: 100%;}
#owl-demo .li1{width:600px;height:410px;}
#owl-demo .li2{width:490px;height:230px;}
#owl-demo .li3{width:240px;height:170px;}
#owl-demo .txt{position:absolute;left:0;bottom:-86px;_bottom:-1px;width:100%;padding:6px 0;font-size:12px;color:#fff;background:url(images/overlay.png);background:rgba(0, 0, 0, .7);transition:bottom 0.3s ease-out 0s;}
#owl-demo h3{padding:0 15px;font-family:"Microsoft Yahei";font-size:18px;font-weight:500;}
#owl-demo .li1 .txt{bottom:0;}
#owl-demo .li1 h3{padding:0 25px;font-size:28px;}
#owl-demo p{margin-top:4px;padding:0 25px 5px;}
#owl-demo a{color:#fff;text-decoration:none;}
#owl-demo li:hover .txt{bottom:0;}
/* 缩略图 */
.owl-pagination{position:absolute;left:0;bottom:0;width:100%;height: 10px;text-align:center;}
.owl-page{position:relative;display:inline-block;width:60px;height: 6px;margin:0 5px;border-radius:5px;*background-image:url(images/bg15.png);*display:inline;*zoom:1;vertical-align:middle;overflow:hidden;}
.owl-page img{width:100%;height:100%;border-radius:5px;}
.owl-pagination .active{width:60px;height: 6px;}
.owl-pagination span{position:absolute;left:0;top:0;width: 60px;height: 6px;border-radius:5px; *background-image:url(images/ico_clip_s.png);background: #c7cee2;_background-image:none;}
.owl-pagination .active span{width: 60px;height: 6px;background-image:url(images/ico_clip.png);background: #1590e3;border-radius: 5px;_background-image:none;}
/* 左右箭头 */
.owl-buttons div{position:absolute;top:60%;width:52px;height:81px;margin-top:-90px;text-indent:-9999px;background-image:url(images/arrow.png);background:#F8B62A; transition:background-position 0.2s ease-out 0s;}
.owl-prev{left:-60px;background-position:0 0;}
.owl-next{right:-60px;background-position:right 0;}
.owl-prev:hover{background-position:-53px 0;}
.owl-next:hover{background-position:-122px 0;}

.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing { cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility:hidden; -webkit-transform: ranslate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);}


/*piclist-ul*/
.piclist-ul { position: relative; width: 101%; height: auto; z-index: 2; zoom: 1; margin: 0 auto;}
.piclist-ul li { position: relative; float: left; margin: 0 10px 10px 0; width: 213px; height: 159px;}
.piclist-ul li img { display: block; width: 100%; height: 100%;}
.piclist-ul li:hover img{opacity:.7}
.piclist-ul .nth-01 { float: left; margin: 0 10px 10px 0; width: 430px; height: 328px;}
.piclist-ul .nth-01 .masker_txt .txt {height: 50px;font-size: 22px; }
.piclist-ul .nth-last { background: #ccc;}
.piclist-ul .nth-last h3 { position: absolute; z-index: 2; zoom: 1; font-size: 24px; color  #fff;font-weight: bold; left: 25px; top: 50px;}
.piclist-ul .nth-last p { position: absolute; z-index: 2; zoom: 1; font-size: 18px; color  #fff; left: 30px; top: 90px;}
.piclist-ul .nth-last .tip { font-family: 'simsun'; font-size: 40px; color: #fff; position: absolute; z-index: 2; zoom: 1; left: 180px; top: 60px;}
.piclist-ul .nth-last:hover { background: #1590e3;}
.piclist-ul .nth-last:hover h3,.piclist-ul .nth-last:hover p { color: #fff;}
.piclist-ul li a { overflow: hidden; display: block; width: 100%; height: 100%;}

.i-pic-list{margin-right: -15px;*overflow:hidden;*zoom:1;*padding-bottom: 10px;}
.i-pic-list li{float: left;position: relative;margin:0 15px 15px 0;overflow: hidden;width: 210px; height: 156px;}
.i-pic-list li img{width:100%;height: 100%; transition: all .3s;}
.i-pic-list li img:hover{transform: scale(1.1); -ms-transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.i-pic-list .opa-bg,.i-pic-list p{position: absolute;left:0;bottom:0;width:100%; height: 32px;}
.i-pic-list .opa-bg{background: #000; opacity:0.5;filter:alpha(opacity=50);z-index: 1;}
.i-pic-list p{line-height: 32px;font-size: 14px;color:#fff;text-align: center;overflow:hidden;padding: 0 2%;width: 96%;z-index: 2;}
.i-pic-list p a{color:#fff;}
.i-pic-list .pic-big {width: 425px; height: 328px;}
.i-pic-list .nth-last { background: #ccc;}
.i-pic-list .nth-last h3 { position: absolute; z-index: 2; zoom: 1; font-size: 24px; color  #fff;font-weight: bold; left: 25px; top: 50px;}
.i-pic-list .nth-last p { position: absolute; z-index: 2; zoom: 1; font-size: 18px; color  #fff; left: 30px; top: 90px;}
.i-pic-list .nth-last .tip { font-family: 'simsun'; font-size: 40px; color: #fff; position: absolute; z-index: 2; zoom: 1; left: 180px; top: 60px;}
.i-pic-list .nth-last:hover { background: #1590e3;}
.i-pic-list .nth-last:hover h3,.m-piclist-ul .nth-last:hover p { color: #fff;}

.m-pic-list{margin-right: -15px;*overflow:hidden;*zoom:1;*padding-bottom: 10px;}
.m-pic-list li{float: left;position: relative;margin:0 10px 10px 0;overflow: hidden;}
.m-pic-list li img{width:100%;min-height: 100%; transition: all .3s;}
.m-pic-list li img:hover{transform: scale(1.1); -ms-transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.m-pic-list .opa-bg,.m-pic-list p{position: absolute;left:0;bottom:0;width:100%; height: 32px;}
.m-pic-list .opa-bg{background: #000; opacity:0.5;filter:alpha(opacity=50);z-index: 1;}
.m-pic-list p{line-height: 32px;font-size: 14px;color:#fff;text-align: center;overflow:hidden;padding: 0 2%;width: 96%;z-index: 2;}
.m-pic-list p a{color:#fff;}
.m-pic-list .b-pic {width:360px;height: 230px;}
.m-pic-list .s-pic {width:267px;height: 180px;}

/*===图库列表页===*/
/* 图片列表*/ 
.gallery-bar,.topic-bar{}
.gallery-list{width:1160px;margin:0px;}
.gallery-list .item{width: 251px; height 260px; margin-right: 15px; margin-bottom:20px; float:left; overflow:hidden;position:relative;padding: 5px; border:1px solid #eee; background:#fff;-moz-box-shadow:0 2px 0 #f5f5f5;-webkit-box-shadow:0 2px 0 #f5f5f5;box-shadow:0 2px 0 #f5f5f5;}
.gallery-list .item:hover{border:1px solid #e55656; -moz-box-shadow:0 3px 6px #ccc; -webkit-box-shadow:0 3px 6px #ccc; box-shadow:1px 2px 12px rgba(66,132,217,0.3);}
.gallery-list .item a{text-decoration:none}
.gallery-list .item h3{font-size:16px;font-size:1.6rem;height:50px;line-height:25px;overflow:hidden}
.gallery-list .item .pic{margin-bottom:8px; width:100%;height:180px;display:block;overflow:hidden;border:0px solid #f2f2f2}
.gallery-list .item .pic img{width:100%;height:100%;}
.gallery-list .item .info{color:#999;height:33px;line-height:33px;overflow:hidden}
.gallery-list .item .info span{float:left;margin-right:5px}
.gallery-list .item .info .entrance{position:absolute;bottom:10px;right:10px;width:76px;height:28px;line-height:28px;text-align:center;background:#4e5165;color:#fff;margin:0}
.gallery-list .item .info .entrance:hover{background:#00a0e2; border-radius: 5px;}
 

/*===图集详细页===*/
.gallery-head {padding: 30px 0 0;}
.gallery-head .title{padding-bottom:10px; text-align:center; font:normal 32px/50px "Microsoft YaHei";}
.gallery-head .number{margin-left:20px; width:50px; height:50px; line-height:30px; font-family:"Microsoft YaHei","Georgia", "Times New Roman", Times, serif;}
.gallery-head .number span{color:#e55656;font-size:30px;}
.gallery-head .number i{color:#666666;font-size:24px;}
.gallery-head .gallery-info{ margin: 0px auto 20px; font-size:14px; color:#8c8c8c}
.gallery-head .gallery-info span{margin:0 40px}