﻿
/**/

.vedioPage{ width:1170px; margin:0 auto; padding:18px 0 60px;}
.vedioPage:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.vedioLeft{ float:left; width:825px; margin-right:45px; padding-top:20px;}
.vedioRight{float:left;width: 275px;background: #f8f8f8;padding: 20px 0 25px 25px;margin-top: 20px;}

.vediocrumb{font-size:14px; color:#333333; line-height:20px;}

 .subNavigation{ width:1170PX; margin:0PX auto; border-bottom:1PX solid #ebebeb; margin-top:25PX;}
   .subNavigation ul{ overflow:hidden; }
   .subNavigation ul li{ float:left; font-size:15px; padding-right:43px; height:34px;}
   .subNavigation ul li .select{ border-bottom:3px solid #027bcd; color:#027bcd; font-weight:bold;height:31px; display:block;}
   /*shipingzhuangji*/
   .special ul li{ height:315px; margin-bottom:0;}
   .special ul li .vedioInfo{ margin-top:12px;}
   .videoCrumb{ font-size:14px; line-height:20px; color:#202020;width:1170px; margin:0 auto; padding:20px 0 0; }
   .twoText a{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;  word-wrap:normal;white-space:normal;}

.vImg{ width:825px; height:464px;}
.vImg img{ display:block; width:100%;}
.vInfo{ height:52px; background:#18171A;}
.vInfo dl{ padding:10px 20px;}
.vInfo dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.vInfo dl dt{ float:left; width:330px;}
.vInfo dl dd{ float:right; width:400px;}
.vInfo dl dt ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.vInfo dl dt ul li{ float:left; margin-right:30px;}
.vInfo dl dt ul li a.vGood{ background:url(../images/vedio/viedo_icon_eprove_unsel@2x.png) no-repeat left center; background-size:auto 18px; font-size:14px; color:#A8A8A8; padding-left:22px; line-height:32px; }
.vInfo dl dt ul li a.vGood:hover ,.vInfo dl dt ul li.haved a.vGood{background:url(../images/vedio/com_icon_eprove_sel@2x.png) no-repeat left center; background-size:auto 18px;color: #FE3355; }

.vInfo dl dt ul li a.vFold{ background:url(../images/vedio/viedo_icon_collect_unsel@2x.png) no-repeat left center; background-size:auto 18px; font-size:14px; color:#A8A8A8; padding-left:22px; line-height:32px; }
.vInfo dl dt ul li a.vFold:hover ,.vInfo dl dt ul li.haved a.vFold{ background:url(../images/vedio/viedo_icon_collect_sel@2x.png) no-repeat left center; background-size:auto 18px; color: #FE3355; }

.vInfo dl dt ul li{ position:relative;}
.vInfo dl dt ul li a.vShare{ background:url(../images/vedio/viedo_icon_share_unsel@2x.png) no-repeat left center; background-size:auto 18px; font-size:14px; color:#A8A8A8; padding-left:22px; line-height:32px; }

.shareMethod{ position:absolute; width:142px;height:127px;background:#FFFFFF;box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.1);border-radius: 2px; left:0; top:33px; padding:14px 0 16px;}
.shareMethod:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.shareLeft{ float:left; width:70px; display:none; }
.shareLeft a{ display:block; width:30px; height:30px; margin:0  auto 17px;}
.shareLeft a:last-child{ margin:0 auto;}
.shareLeft a img{ display:block; width:100%;}
.shareRight{ float:left; width:142px; text-align:center; border-left:1px solid #ebebeb; float:none;}
.shareRight span{ display:block; font-size:14px; color:#333333; line-height:18px;}
.shareRight p{ display:block; width:98px; height:98px; margin:8px auto 0;}
.shareRight p img{ display:block; width:100%;}


.vInfo dl dd a{width:60px; height:32px; background:rgba(255, 255, 255, 0.2); border-radius: 0px 2px 2px 0px; float:right; display:block; font-size:14px;color:#E0E0E0;  text-align:center; line-height:32px;}
.vInfo dl dd a.onSend{ background:#FE3355; color:#ffffff;}
.vInfo dl dd input{ width:326px; height:32px; background:rgba(255, 255, 255, 0.16); border-radius: 0px 2px 2px 0px; float:right; display:block; line-height:32px; color:#ffffff; padding-left:14px; outline:0;}

.vedioIntroduce{ margin-top:30px;}
.vedioIntroduce .userInfo{  margin-top:15px;font-size:14px;line-height:14px;color:#949494} 
.vedioIntroduce .userInfo a ,.vedioIntroduce .userInfo span{font-size:14px; line-height:14px; color:#949494; margin-right:20px;}
.vedioIntroduce .userInfo a.editor{ color:#3ca5f6; }
.vedioIntroduce .userInfo a.editor:hover{ text-decoration:underline;}
.vTitle {font-size: 27px;line-height: 38px;font-weight: bold;color: #333333; }
.vbasic{ display:block; margin-top:16px; font-size:14px; line-height:20px; color:#999999; display:block; height:20px;}
.vbasic span{ margin-right:10px;}
.vbasic span a{ color:#3ca5f6;}
.vContent{margin-top:10px;}
.vContent p{ font-size:17px; line-height:34px; margin-bottom: 25px!important; }
.vContent img {  max-width: 820px; height:auto; }
.vTab{ margin-top:16px;}
.vTab a{ display:inline-block; height:34px; background:#F6F6F6; border-radius:17px; padding:0 14px;}
.vTab a span{ display:block; background:url(../images/vedio/home_icon_tab@2x.png) no-repeat left center; background-size:auto 16px; font-size:14px; line-height:34px; padding-left:19px;}

.vEditor{ margin-top:30px;}
.vEditor:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.veLeft{ float:left; width:54px; height:54px; margin-right:12px;display:-webkit-box;	display:-ms-flexbox;	display:flex-box;	display:flex;	-webkit-box-align:center;	-ms-flex-align:center;	align-items:center;
	-webkit-box-pack:center;	-ms-flex-pack:center;	justify-content:center;	text-align:center; border:1px solid #EBEBEB;  border-radius:54px;}
.veLeft img{ display:block; width:100%;}
.veMiddle{ float:left; margin-right:25px;}
.veRight{ float:left; margin-top:13px;}
.veMiddle b{ display:block; font-size:17px;  line-height:24px; height:24px; color:#333333; font-weight:bold; margin-top:2px;}
.veMiddle span{ display:block; font-size:15px; line-height:21px; color:#666666; margin-top:4px;}
.veRight a{width:64px; height:28px; background:#FE3355;border-radius: 2px; font-size:13px; line-height:28px; text-align:center; display:block; color:#ffffff;}

.vsubtitle{ }
.vsubtitle span{ display:block; background:url(../images/vedio/line.jpg) no-repeat left center;  font-size:18px;  color:#333333; padding-left:13px; font-size:18px; font-weight:bold;}
.vsubtitle em {
    float: right;
    font-size: 13px;
    color: #999;
    font-style: normal;
    line-height: 24px;
    margin-right: 25px;
}
.vBox{/*margin-top: 20px;*/padding-right: 25px;}
/*.vBox::-webkit-scrollbar { width:6px;  }
.vBox::-webkit-scrollbar-thumb {background:#D8D8D8; border-radius:3px; }
.vBox::-webkit-scrollbar-track {  }*/
.vBox ul li{ margin-bottom:20px;}
.vBox ul li dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.vBox ul li dl dt{/* float:left; */width: 250px;height: 141px;border-radius: 2px;position:relative;margin-right:14px;}
.vBox ul li dl dt img{display:block;width:100%;border-radius: 2px;}
.vBox ul li dl dt em{position:absolute;z-index:3; bottom:4px;right:11px;font-size:12px; line-height:16px;font-weight:500; text-shadow:0.5px 1px 2px rgba(0,0,0,.15); color:#ffffff; font-style:normal;}
.vBox ul li dl dd{/* float:left; */width: 250px;}
.vBox ul li dl dd b{display:block;font-size: 15px;line-height:20px;color:#333333;font-weight: normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap: normal;margin-top: 6px;}
.vBox ul li dl dd span{display:block;font-size:13px;line-height:18px;color:#999999;margin-top:8px;display: none;}
.vBox ul li dl dd p{display:block;font-size:13px;line-height:18px;color:#999999;margin-top:6px;display: none;}
.vBox ul li b.vCurT a {  color: #007bcd; }
.playing-selected {
    color: #007bcd;
}
.loading{ text-align:center;}
.loading a{ font-size:12px; line-height:17px; color:#999999;}

.vedioShow{ position:relative;}
.vtipLayer{ position:absolute; z-index:999; width:220px; height:80px; background:rgba(0, 0, 0, 0.6) ; border-radius:4px; text-align:center; font-size:16px; color:#ffffff; line-height:80px; right:105px; bottom:74px;}
.clicked{ bottom:212px;}
.newVComment{ margin-top:40px;}
.vcTitle{ font-size:16px; color:#333333; line-height:22px; font-weight:600;}
.vcFrame{ margin-top:20px;}
.vcFrame dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.vcFrame dl dt{ float:left; width:40px; height:40px; border-radius:40px; overflow:hidden; margin-right:12px;display:-webkit-box;	display:-ms-flexbox;	display:flex-box;	display:flex;	-webkit-box-align:center;	-ms-flex-align:center;	align-items:center;	-webkit-box-pack:center;	-ms-flex-pack:center;	justify-content:center;	text-align:center; border:1px solid #EBEBEB;}
.vcFrame dl dt img{ display:block; width:100%; }	
.vcFrame dl dd{ float:left; width:749px;height:100px; padding:10px; background: #FFFFFF;border: 1px solid #EBEBEB; overflow:hidden;}
textarea{font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;}
textarea::-webkit-input-placeholder { color:#999999;}
textarea:-moz-placeholder { color:#999999;}
textarea::-moz-placeholder { color:#999999;}
textarea:-ms-input-placeholder { color:#999999;}
.vcFrame dl dd textarea{ width:724px; height:60px; border:0; outline:0; resize:none; font-size:14px; line-height:20px; padding:0; margin:0;}

.vcFrame dl dd textarea::-webkit-scrollbar { /*Ã¦Â»Å¡Ã¥Å Â¨Ã¦ÂÂ¡Ã¦â€¢Â´Ã¤Â½â€œÃ¦Â Â·Ã¥Â¼Â*/ width:6px;  /*Ã©Â«ËœÃ¥Â®Â½Ã¥Ë†â€ Ã¥Ë†Â«Ã¥Â¯Â¹Ã¥Âºâ€Ã¦Â¨ÂªÃ§Â«â€“Ã¦Â»Å¡Ã¥Å Â¨Ã¦ÂÂ¡Ã§Å¡â€žÃ¥Â°ÂºÃ¥Â¯Â¸*/  }
.vcFrame dl dd textarea::-webkit-scrollbar-thumb {background:#D8D8D8; border-radius:3px; }
.vcFrame dl dd textarea::-webkit-scrollbar-track { /*background: #EFEFEF;  border-radius:3px; Ã¦Â»Å¡Ã¥Å Â¨Ã¦ÂÂ¡Ã©â€¡Å’Ã©ÂÂ¢Ã¨Â½Â¨Ã©Ââ€œ*/ }
.vcFrame dl dd a{ display:block; width:70px;height: 30px;background:#cccccc;border-radius: 2px; float:right; font-size:14px; text-align:center; color:#ffffff; line-height:30px; margin-top:6px;}
.vcFrame dl dd a.used{background:#01568F;  }
.vcFrame dl dd a:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }

.vcComment{ margin-top:30px;}
.vcComment ul li{ padding-bottom:30px;}
.vcComment ul li dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.vcComment ul li dl dt{ float:left; width:40px; height:40px; border-radius:40px; overflow:hidden; margin-right:12px;display:-webkit-box;	display:-ms-flexbox;	display:flex-box;	display:flex;	-webkit-box-align:center;	-ms-flex-align:center;	align-items:center;	-webkit-box-pack:center;	-ms-flex-pack:center;	justify-content:center;	text-align:center; border:1px solid #EBEBEB;}
.vcComment ul li dl dt img{ display:block; width:100%;}
.vcComment ul li dl dd{ float:left; width:771px; }
.vcComment ul li dl dd .vcName b{ font-size:14px; font-weight:bold; color:#333333; }
.vcComment ul li dl dd .vcName i{ font-style:normal; font-size:14px; color:#999999; padding:0 4px;}
.vcComment ul li dl dd .vcName span{ font-size:12px; color:#999999;margin-left:8px;}
.vcComment ul li dl dd .vcSubstance{ font-size:14px; line-height:20px; color:#333333; margin-top:6px;}
.vcComment ul li dl dd .vcButton{ margin-top:10px;}
.vcComment ul li dl dd .vcButton:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.vcComment ul li dl dd .vcButton span{ width:60px; float:left; display:block;}
.vcComment ul li dl dd .vcButton span a.vcGood{ background: url(../images/vedio/viedo_icon_prove_unsel@2x.png) no-repeat left center; background-size:auto 18px; font-size:12px; line-height:18px;
color:#A8A8A8; display:block; padding-left:22px;}
.vcComment ul li dl dd .vcButton span a.vcApply{ background: url(../images/vedio/viedo_icon_comment_unsel@2x.png) no-repeat left center; background-size:auto 18px; font-size:12px; line-height:18px;
color:#A8A8A8; display:block; padding-left:22px;}
.vcComment ul li dl dd .vcButton span.vcOn a.vcGood{ background:url(../images/vedio/viedo_icon_prove_sel@2x.png) no-repeat left center; background-size:auto 18px; color:#EB5350;}

.vcComment ul li dl.secCommnet{ margin-left:54px; margin-top:20px;}
.vcComment ul li dl.secCommnet dd{ width:717px;}

.vcComment .subFrame{ margin-left:54px;}
.vcComment .subFrame dl dd{width:695px;}
.vcComment .subFrame dl dd textarea{width:670px; height:60px; border:0; outline:0; resize:none; font-size:14px; line-height:20px; padding:0; margin:0;}

.spaceLine{ margin-left:54px; width:771px; height:1px; background: #EBEBEB; margin-top:30px;}
/* .videoShow .video-js { background:none!important;} */
.vedioShow .video-js ,.videoShow .video-js { background:#ffffff!important;}
p.statement{ font-size:14px; color:#878787;}