@charset "utf-8";
/* CSS Document */
.videoMod { height:470px;/* overflow:hidden;*/}
.videoBox { width:821px; height:470px; background-color:#000000; float: left;}
.videoLike { /*height:420px; padding: 25px 3px 25px 25px;*/ height:460px; padding: 5px 3px 5px 25px; overflow:hidden; background-color:#222222;}
#scrollBox  { /*width:295px;height:420px;*/ height:460px; padding-right:20px; overflow:hidden;}
.videoList li { border-bottom: #333333 1px solid; height: 120px;  }
.videoList li a { display:block; height:80px; background:#222222; color:#ffffff; padding: 20px 0;}
.videoList li a:hover { color: #eeeeee;}
.videoList li .pic { width:140px; height: 80px; float:left; margin-right: 15px; position: relative;}
.videoList li .pic img { width:140px; height:80px;}
.videoList li .txt { height: 70px;  padding: 5px 0; overflow:hidden; font-size:18px; line-height: 24px;}
.video_infoBar { width: 820px; height: 60px; clear: both; line-height: 60px;}
/*h2.videoTit { font-weight: bold; line-height: 40px; padding: 20px 25px; font-size: 30px; color: #333333;}*/
.videoTop { height: 90px; }
.videoTop h2 { width: 780px;  font-weight: bold; line-height: 40px; margin: 25px 10px 25px 25px; font-size: 30px; color: #333333; float: left; height: 40px; overflow: hidden;}
.videoTop .miniBanner { float: right; width: 350px; height: 90px; overflow: hidden;}
.videoTop .miniBanner img {width: 350px; height: 90px;}

.publishDate { display: inline-block; margin: 0 25px; color: #aab0b7;}
.favorites,.favoritesOk { height: 60px; width: 80px;  padding-left: 35px; float: right; font-size: 16px; color: #aab0b7; cursor: pointer;}
.favorites {background: url(../images/favorites.png) no-repeat -10px 0;}
.favoritesOk {background: url(../images/favorites.png) no-repeat -10px -70px;}
.favorites span,.favoritesOk span { display: inline-block; height: 60px; float: left;}
/*.favorites.ok {background: url(../images/favorites.png) no-repeat -10px -70px;}
.favorites span.state { display: none;}
.favorites.ok span.state { display: inline-block;}*/
.icoVote { height: 60px; width: 80px; background: url(../images/favorites.png) no-repeat -10px -140px; padding-left: 35px; float: right; font-size: 16px; color: #aab0b7; }

.uploadUserBox { padding-top: 25px; padding-bottom: 25px; overflow: hidden; }
.uploadUserBox .userTx { width: 60px; height: 60px; overflow: hidden; border-radius: 60px; float: left; margin-right: 8px;}
.uploadUserBox .userTx img { display: block; width: 60px; height: 60px; overflow: hidden; border-radius: 60px;}
.uploadUserBox .txt { overflow: hidden; padding: 5px 40px 0px 0; line-height: 25px; position: relative; color: #9b9b9b; }
.uploadUserBox .userName { font-size: 20px;}
.uploadUserBox .addBt,.uploadUserBox .addBt_ed { display: block; width: 28px; height: 16px; overflow: hidden; text-indent: -999px; cursor: pointer; background-image: url(../images/ico_useroperation.png); background-repeat: no-repeat; position: absolute; top: 0; right: 0;}
.uploadUserBox .addBt {  background-position: 0 -26px;}
.uploadUserBox .addBt_ed {  background-position: 0 0px;}

/*----*/
.commentTit { height: 40px; line-height: 40px; padding: 15px 0; clear: both; color: #333333; font-size: 24px; font-weight: bold;}
.commentBox { width:770px; height:110px;/* overflow:hidden;*/}
.commentBox textarea { width:755px; height:88px; overflow:hidden; padding:10px 10px; font-size:18px; color:#999999; border:#cccccc 1px solid; box-shadow:0 0 4px #dddddd inset; resize:none; background:#ffffff;}

.commentBox2 { width:710px; height:110px; overflow:hidden;}
.commentBox2 textarea { width:688px; height:88px; overflow:hidden; padding:10px 10px; font-size:18px; color:#999999; border:#cccccc 1px solid; box-shadow:0 0 4px #dddddd inset; resize:none; background:#ffffff;}
.submitBar { height: 40px; padding: 10px 0;}
.plList .submitBar {padding: 10px 0 0 0;}
.submitBt { display: inline-block; height: 38px; width: 98px; line-height: 38px; text-align: center;background-color: #e3e7ec; border: #cbcbcb 1px solid; font-size: 18px; color: #8b95a0; cursor: pointer; }
.huifuBt2 { display: inline-block; width: 60px; height: 30px; line-height: 30px; text-align: center; background-color: #4fafff; font-size: 16px; color: #ffffff; margin-right: 8px; margin-left: 8px; border: 0;}
.cancelBt { display: inline-block; width: 58px; height: 28px; line-height: 28px; text-align: center; background-color: #e3e7ec; font-size: 16px; color: #8b95a0; margin-left: 8px; margin-right: 8px; border: #cbcbcb 1px solid;}


.userName { display: inline-block; line-height: 20px; color: #666666; font-size: 16px;}
.userName.vip { padding-right: 22px; background: url(../images/ico_vip.png) no-repeat right center; background-size: 20px 20px;}
.plList { padding:5px 0px;}
.plList li { overflow: hidden; border-bottom: #eceef2 1px solid; padding: 15px 0;}
.plList .pic { width: 50px;height: 50px; border-radius: 50px; overflow: hidden; float: left; margin-right: 10px;}
.plList .pic img { display: block;  width: 50px;height: 50px; border-radius: 50px;}
.plList .txt { overflow: auto;}
.replyUser { color: #4fafff; padding-top: 5px;}
.plList .plConBox { padding: 0px 0px; margin: 6px 0; clear: both; position: relative; font-size: 16px; color: #333333; }
.zanIcoBt { display: inline-block; height: 20px; line-height: 20px; padding-left: 22px; background: url(../images/ico_zan.png) no-repeat 0 0; cursor: pointer; color: #aab0b7; margin-right: 20px;}
.zanIcoBt.zanClick { background: url(../images/ico_zan.png) no-repeat 0 -25px; }
.plList .huifuBt { display: inline-block; float: right; color: #999999; cursor: pointer; }
.plList .huifuTit { font-size: 16px; line-height: 20px; padding: 10px 0 0 0; color:#4fafff; }
.huifuBox,.vsHuifuBox { margin-top:10px;}

/*--------------*/
.vsList { margin-top: 25px;}
.vsList li { margin: 10px 0; overflow: hidden; }
.vsList .pic { width: 45px; height: 45px; border-radius: 45px; overflow: hidden; float: left; border-style: solid; border-width: 3px; background: url(../images/default.jpg) no-repeat center center; background-size: cover;}
.vsList .pic img { display: block;  width: 45px; height: 45px; border-radius: 45px; overflow: hidden; }
.vsList .txt { overflow: auto; padding: 5px 0 0 10px;}
.vsList .userTit { line-height: 24px; padding: 0px 0;} .vsList .userTit p { height: 24px; overflow: hidden;}
.vsList .userTit .tit { color: #4fafff; padding:0 5px; font-size: 14px; display: inline-block; }
.vsplConBox { background-color: #f9fbfe; border-radius: 5px; padding: 10px 15px; margin: 6px 0; clear: both; position: relative; font-size: 16px; line-height: 24px; border: #f0f0f0 1px solid;}
.vsList li.sideA .vsplConBox:after {  border:solid transparent;  content: ' ';  height: 0;  left: -10px;  position: absolute;  width: 0;  font-size: 0; line-height: 0; border-width: 10px; border-color: #f0f0f0; border-bottom-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; z-index: 1;	top: -1px;}
.vsList li.sideA .vsplConBox:before {  border:solid transparent;  content: ' ';  height: 0;  left: -8px;  position: absolute;  width: 0;  font-size: 0; line-height: 0; border-width: 9px; border-color: #f9fbfe; border-bottom-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; z-index: 2;	top: 0px;}
.borderC_1 { border-color: #4fafff; }
.borderC_2 { border-color: #78FF94; }
.borderC_3 { border-color: #FFDD5B; }
.borderC_4 { border-color: #A4AAFF; }
.borderC_5 { border-color: #FFB768; }
.borderC_6 { border-color: #FF7B98; }
.borderC_7 { border-color: #E58FFF; }
.borderC_8 { border-color: #8FFDFF; }
.borderC_9 { border-color: #B07EFF; }
.borderC_10 { border-color: #DEFF2D; }
.vsList li.sideB .pic { float: right; }
.vsList li.sideB .userTit { text-align: right; }
.vsList li.sideB .userTit .userName { float: right; }
.vsList li.sideB .txt {  padding: 5px 10px 0 0px;}
.vsList li.sideB .vsplConBox:after {  border:solid transparent;  content: ' ';  height: 0;  right: -10px;  position: absolute;  width: 0;  font-size: 0; line-height: 0; border-width: 10px; border-color: #f0f0f0; border-bottom-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; z-index: 1;	top: -1px;}
.vsList li.sideB .vsplConBox:before {  border:solid transparent;  content: ' ';  height: 0;  right: -8px;  position: absolute;  width: 0;  font-size: 0; line-height: 0; border-width: 9px; border-color: #f9fbfe; border-bottom-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; z-index: 2;	top: 0px;}


.operationBar { height: 40px; line-height: 30px; font-size: 14px; }
.operationBar .ico { display: inline-block; margin-left: 10px; padding-left: 32px; background-image: url(../images/ico_operation.png); background-repeat: no-repeat; background-size: 30px 65px; cursor: pointer;}
.operationBar .flower { background-position: 0 0; }
.operationBar .shit { background-position: 0 -35px; }

.popBox { width: 360px; height: 400px; text-align: center;}
.popTit { height: 40px; clear: both;line-height: 40px; text-align: center; color: #ffffff;}

.playMpBox { margin: 30px auto 25px auto;}

.likeList { width: 792px; overflow: hidden; margin: 0 0 0 -10px; clear: both;}
.likeList li { width: 244px; padding: 0 10px; height: 210px; float: left; margin: 0 0 15px 0; overflow: hidden;}
.likeList li .pic { width: 244px; height: 145px; overflow: hidden;}
.likeList li .pic img { width: 244px; height: 145px;}
.likeList li .tit { line-height: 24px; height: 48px; margin: 5px 0; overflow: hidden; font-size: 18px;}

/*-----C style------*/
.content { font-size: 16px; line-height: 24px;}
.content p { padding: 10px 0;}
.content img { max-width: 100%; height: auto;}
.content h3 { font-weight: bold; font-size: 24px; line-height: 40px; padding: 5px 0;}
.content .pubdate { color: #aab0b7; font-size: 14px; line-height: 20px; padding-bottom: 10px;}