﻿.container .big-title {

	width: 100%;

}



.container .big-title .left {

	font-size: 36px;

	color: #333;

	line-height: 50px;

}



.container .big-title .right {

	text-align: center;

	float: right;

}



.container .big-title .right div {

	float: left;

}

.container .big-title .right div.cartoon{

	position: relative;

}

.container .big-title .right div.cartoon .bubble{

	position: absolute;

	width: 34px;

	height: 18px;

	border-radius: 9px;

	line-height: 18px;

	left: -3px;

	top: -15px;

	opacity: 0;

	color: #FFFFFF;

}

.container .big-title .right div.cartoon .plus{

	background-color: #F45050;

}

.container .big-title .right div.cartoon .sub{

	background-color: #CCCCCC;

}

.container .big-title .right div.zan .bubble{

	left: 3px;

}

.container .big-title .right .zan {

	margin:0 29px;

}



.container .big-title .right i {

	display: block;

	color: #BBB;

	font-size: 20px;

}



.container .big-title .right i:hover {

	color: #E30B20;

}



.container .big-title .right i.iconheart-fill {

	color: #E30B20;

}



.container .big-title .right i.iconthumb-up-fill {

	color: #E30B20;

}



.container .big-title .right p {

	color: #666666;

	font-size: 14px;

	text-align: center;

}



.container .big-title .right span {

	margin-left: 5px;

}



.container .info {

	width: 100%;

	margin-bottom: 31px;

}



.container .info .left {

	padding: 8px 0;

	margin-top: 20px;

}



.container .info .left span {

	color: #999;

	font-size: 14px;

	margin-right: 79px;

}



.container .info .right {

	margin-top: 5px;

	width: 240px;

	height: 40px;

}



.container .info .right .share {

	font-size: 14px;

	color: #666;

	margin-right: 9px;

	height: 30px;

	margin-top: 10px;

}



.container .info .right .font i {

	margin-left: 10px;

	color: #BBB;

	font-size: 30px;

}



.container .video-list {

	width: 100%;

	padding: 11px;

	margin-bottom: 20px;

	border: 1px solid #E5E5E5;

	border-radius: 4px;

	behavior: url(../src/pie/PIE.htc);

	position: relative;

}



.container .video-list img {

	width: 100%;

	display: block;

}



.container .video-list .player {

	width: 70px;

	height: 70px;

	text-align: center;

	line-height: 70px;

	border-radius: 50%;

	background-color: #000;

	opacity: 0.7;

	behavior: url(../src/pie/PIE.htc);

	position: absolute;

	top: 277px;

	left: 565px;

}



.container .video-list .player i {

	color: #fff;

	font-size: 31px;

	margin-left: 8px;

}



.container .video-text {

	font-size: 16px;

	line-height: 32px;

	color: #333;

	padding-left: 29px;

	padding-right: 36px;

	text-indent: 32px;

	margin-bottom: 75px;

}



.container .comment-area {

	width: 100%;

	position: relative;

	margin-bottom: 20px;

}



.container .comment-area .big {

	font-size: 26px;

	color: #333333;

}



.container .comment-area .small {

	position: absolute;

	bottom: 0;

	right: 0;

	font-size: 14px;

}



.container .comment-area .small span {

	color: #E30B20;

}



.container .comment-input {

	position: relative;

	width: 100%;

}



.container .comment-input textarea {

	width: 1192px;

	height: 109px;

	overflow: hidden;

	resize: none;

	border: 2px solid #E5E5E5;

	border-radius: 4px;

	behavior: url(../src/pie/PIE.htc);

}



.container .comment-input .limit {

	height: 25px;

	line-height: 30px;

	color: #666666;

	font-size: 12px;

	text-align: right;

}



.container .comment-input .success {

	position: absolute;

	top: 20px;

	left: 500px;

	height: 65px;

	width: 210px;

	border-radius: 4px;

	box-shadow: 0 0 12px #f2f2f2;

	behavior: url(../src/pie/PIE.htc);

}



.container .comment-input .success .text {

	text-align: center;

	line-height: 65px;

	height: 65px;

	color: #333333;

}



.container .comment-input .success .text i {

	color: #2bae1d;

	margin-right: 16px;

}



.container .comment-input a {

	display: block;

	color: #fff;

	text-align: center;

	line-height: 45px;

	border-radius: 24px;

	font-size: 16px;

	width: 131px;

	height: 45px;

	background-color: #E30B20;

}



.container .comment-input a:hover {

	background-color: #FB0C23;

}



.container .hot-title {

	margin-top: 55px;

	margin-bottom: 25px;

	font-size: 20px;

	color: #333;

}



.container .hot-comment {

	width: 100%;

}



.container .hot-comment .user-icon {

	width: 50px;

	height: 50px;

	position: relative;

}

.container .hot-comment .user-icon i {

	font-size: 50px;

	position: absolute;

	top: -5px;

	color: #cccccc;

}

.container .hot-comment .user-icon img {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	behavior: url(../src/pie/PIE.htc);

	border: 1px solid #E5E5E5;

}



.container .hot-comment .hot-text {

	width: 1150px;

	margin-bottom: 20px;

}



.container .hot-comment .hot-text .user-line {

	width: 100%;

	margin-bottom: 10px;

}



.container .hot-comment .hot-text .user-line .username {

	font-size: 16px;

	margin-left: 20px;

}



.container .hot-comment .hot-text .user-line .time {

	color: #999999;

	font-size: 12px;

	margin-left: 20px;

	margin-top: 3px;

}



.container .hot-comment .hot-text .user-line .warning {

	color: #999999;

	font-size: 12px;

}



.container .hot-comment .hot-text .user-line .warning i {

	margin-right: 5px;

	font-size: 14px;

}



.container .hot-comment .hot-text .user-line .warning:hover {

	color: #E30B20;

}



.container .hot-comment .hot-text .user-line .nowarning {

	color: #E30B20;

	font-size: 14px;

}



.container .hot-comment .hot-text .user-text {

	color: #333;

	margin-left: 20px;

	font-size: 14px;

	line-height: 24px;

	height: 45px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}



.container .hot-text .text-details {

	width: 100%;

	background-color: whitesmoke;

	margin-top: 20px;

	padding: 0 20px 20px 20px;

}



.container .hot-text .text-details .text-list {

	width: 100%;

}



.container .hot-text .text-details .text-list .list-title {

	width: 100%;

	font-size: 14px;

	padding-top: 20px;

}



.container .hot-text .text-details .text-list .others {

	margin-top: 10px;

	padding-bottom: 14px;

	border-bottom: 1px solid #e5e5e5;

}



.container .hot-text .text-details .text-list .others:last-child {

	border-bottom: none

}



.container .hot-text .text-details .text-list .others a {

	font-size: 12px;

	color: #999999;

	margin-right: 5px;

}



.container .hot-text .text-details .text-list .others a span {

	margin-left: 5px;

}



.container .hot-text .text-details .text-list .others .packup:hover span {

	color: #E30B20;

}



.container .hot-text .text-details .text-list .others .sign-red {

	color: #E30B20;

}



.container .hot-text .text-details .text-list .others .hidden {

	display: none;

}



.container .hot-text .text-details .text-list .others .back {

	display: none;

}



.container .hot-text .text-details .text-list:hover .hidden {

	display: block;

}



.container .hot-text .text-details .text-list .send-input {

	width: 100%;

}



.container .hot-text .text-details .text-list .send-input textarea {

	width: 100%;

	height: 80px;

	resize: none;

	border: 1px solid #E5E5E5;

	border-radius: 4px;

	behavior: url(../src/pie/PIE.htc);

	overflow: hidden;

}



.container .hot-text .text-details .text-list .send-input a {

	width: 77px;

	height: 32px;

	line-height: 32px;

	text-align: center;

	margin-top: 10px;

	font-size: 14px;

	color: #fff;

	background-color: #E30B20;

	border-radius: 16px;

	behavior: url(../src/pie/PIE.htc);

}



.container .hot-text .text-details .text-list .send-input a:hover {

	background-color: #FB0C23;

}



.container .hot-text .send-input {

	width: 100%;

}



.container .hot-text .send-input textarea {

	margin-left: 21px;

	width: 96%;

	height: 80px;

	resize: none;

	border: 1px solid #E5E5E5;

	border-radius: 4px;

	behavior: url(../src/pie/PIE.htc);

	overflow: hidden;

}



.container .hot-text .send-input a {

	width: 77px;

	height: 32px;

	line-height: 32px;

	text-align: center;

	margin-top: 10px;

	font-size: 14px;

	color: #fff;

	background-color: #E30B20;

	border-radius: 16px;

	behavior: url(../src/pie/PIE.htc);

}



.container .hot-text .send-input a:hover {

	background-color: #FB0C23;

}



.container .hot-text .text-details .send-number {

	margin-top: 16px;

	font-size: 14px;

	color: #999999;

}



.container .hot-text .text-details .send-number span {

	margin: 0 5px;

}



.container .hot-text .zan-send {

	margin-top: -9px;

	font-size: 12px;

}



.container .hot-text .zan-send i {

	color: #999999;

	margin-right: 5px;

	font-size: 14px;

}



.container .hot-text .zan-send .yeslike {

	margin-left: 25px;

	margin-right: 35px;

	margin-bottom: 10px;

}



.container .hot-text .zan-send .yeslike i {

	color: #E30B20;

}



.container .hot-text .zan-send .zan {

	margin-left: 25px;

	margin-right: 35px;

	margin-bottom: 10px;

}



.container .hot-text .zan-send .zan:hover {

	color: #E30B20;

}



.container .hot-text .zan-send .zan:hover i {

	color: #E30B20;

}



.container .hot-text .zan-send .send:hover {

	color: #E30B20;

}



.container .hot-text .zan-send .send:hover i {

	color: #E30B20;

}



.container .hot-text .zan-send .packup {

	margin-top: 2px;

}



.container .lookingAll {

	width: 100%;

	margin-bottom: 60px;

	height: 50px;

	line-height: 50px;

	background-color: #F5F5F5;

	text-align: center;

	font-size: 14px;

	border-radius: 4px;

	behavior: url(../src/pie/PIE.htc);

}



.container .lookingAll a {

	color: #333333;

}



.container .lookingAll:hover {

	background-color: #EDEDED;

}



.container .lookingAll:hover a {

	color: #E30B20;

}



.container .hot-video {

	width: 100%;

	position: relative;

	padding-left: 10px;

	color: #333;

	font-size: 16px;

	margin-bottom: 30px;

}



.container .hot-video div {

	border-bottom: 1px solid #e5e5e5;

	width: 1100px;

	position: absolute;

	top: 10px;

	left: 100px;

}



.container .hot-video .hot-right {

	behavior: url(../pie/PIE.htc);

	position: absolute;

	top: 0;

	left: 0;

	height: 20px;

	width: 4px;

	border-radius: 0 4px 4px 0;

	background-color: #E30B20;

}



.container .img-list {

	width: 100%;

	height: auto;

	margin-bottom: 58px;

}



.container .img-list div.first {

	position: relative;

	margin-left: 20px;

	float: left;

	width: 285px;

}



.container .img-list div:nth-of-type(1) {

	margin-left: 0;

}



.container .img-list div img {

	display: block;

	width: 285px;

	height: 165px;

	border-radius: 4px;

	behavior: url(../pie/PIE.htc);

}

.container .img-list div a{

	display: block;

	overflow: hidden;

}

.container .img-list div img:hover{

	transform:scale(1.05) ;

}



.container .img-list div .text {

	font-size: 16px;

	line-height: 24px;

	color: #000000;

	padding-top: 16px;

	margin-left: 0;

}

.container .img-list div .text a:hover{

	color: #E30B20;

}



.container .img-list div .video-timer {

	padding: 0 10px;

	line-height: 25px;

	font-size: 12px;

	color: #fff;

	position: absolute;

	top: 130px;

	left: 10px;

	background-color: rgba(0,0,0,0.5);

	border-radius: 13px;

	behavior: url(../src/pie/PIE.htc);

}



.container .img-list div .video-timer i {

	margin-right: 10px;

	font-size: 12px;

	opacity: 1;

}

.container .img-list div .video-timer span{

	opacity: 1;

}



.container .social-share .icon-wechat .wechat-qrcode{

	bottom: -215px!important;

}



.container .info .right #share-2 a {

	font-size: 32px !important;

	    width: 30px;

	    height: 30px;

	    line-height: 30px;

	    font-size: 30px;

	    margin: 0 5px;

}

.container .info .right #share-2 a:hover{

	text-decoration:none; transition-duration:0ms; -moz-transition-duration:0ms; -webkit-transition-duration:0ms; -o-transition-duration:0ms;

}

.container .info .right #share-2 a::after {

	content: '';

	width: 36px;

	height: 36px;

	background-color: #bbb;

	display: block;

	border-radius: 50%;

	margin-top: -33.1px;

	margin-left: -1.8px;

	position: relative;

	z-index: -1;

}

.container .info .right #share-2 a.icon-wechat:hover::after{

	background-color: #4BB83F;

} 

.container .info .right #share-2 a.icon-qq:hover::after{

	background-color: #36B7F6;

}

.container .info .right #share-2 a.icon-weibo:hover::after{

	background-color: #E42324;

}

.container .info .right #share-2 a.icon-qzone:hover::after{

	background-color: #FDBF2D;

}

.container .info .right #share-2 a.icon-douban:hover::after{

	background-color: #65CD79;

}





.noComment {

	

	    width: 100%;

	    height: 221px;

	    margin: 30px 0;

	    background: #fff url(../images/VIP/blank_small.png) no-repeat center center;

	

}



.send-input {

	margin-left: 20px;

	width: 98%;

}



.send-input textarea {

	width: 98%;

	height: 80px;

	resize: none;

	border: 1px solid #E5E5E5;

	border-radius: 4px;

	behavior: url(../src/pie/PIE.htc);

	overflow: hidden;

}



.send-input a {

	width: 77px;

	height: 32px;

	line-height: 32px;

	text-align: center;

	margin-top: 10px;

	font-size: 14px;

	color: #fff;

	background-color: #E30B20;

	border-radius: 16px;

	behavior: url(../src/pie/PIE.htc);

}



.send-input a:hover {

	background-color: #FB0C23;

}



/*# sourceMappingURL=videoDetails.css.map */


