@charset "utf-8";



.show_list_ul{
	width: 1160px;
	margin: 10px auto 0; 
	
}

.page_box{
	width: 1160px;
	margin: 20px auto;
	text-align: center;
}


/**********************视频详情-展示****************/


.vd_show_div{
	width: 1160px;
	margin: 20px auto 30px;
}
.vd_show_div_img{
	width: 260px;
	height: 365px;
	overflow: hidden;
	text-align: center;
}
.vd_show_div_img img{
	/* width: 100%; */
	height: 100%;
	margin:0 -100%;
}
.vd_show_right{
	width: 870px;
}
.vd_show_right_top{
	width: 100%;
}
.vd_show_right_name{
	font: 30px/40px "微软雅黑";
	color: #222;
	margin-right: 20px;
}
.vd_show_right_lenght{
	font: 14px/20px "微软雅黑";
	color: #222;
	margin: 16px 20px 0 0;
}
.vd_show_right_span{
	font: 30px/40px "微软雅黑";
	color: #ff6161;
}
.vd_show_right_td{
	width: 60px;
	height: 60px;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.vd_show_right_td:hover{
	cursor: pointer;
	border: 1px solid #856bdf;
}
.vd_show_right_td i{
	margin-top: 0px;
	font-size: 26px;
	display: block;
	color: #aaaaaa;
	text-align: center;
}
.right_td_span{
	display: block;
	text-align: center;
	font: 12px/20px "微软雅黑";
	color: #aaa;
}
.vd_show_right_td:hover .td_i{
	color: #856bdf;
}
.vd_show_right_td:hover .right_td_span{
	color: #856bdf;
}
.right_td_color{
	border: 1px solid #856bdf;
}
.right_td_color .td_i{
	color: #856bdf;
}
.right_td_color .right_td_span{
	color: #856bdf;
}
.vd_show_right_div{
	width: 100%;
	
}
.vd_show_right_div label{
	font: 14px/30px "微软雅黑";
	color: #888;
	margin-right: 5px;
}

.vd_show_right_div .right_div_s{
	font:bold 14px/30px "微软雅黑";
	color: #856bdf;
	margin-right:30px;
}
.vd_show_right_div .right_div_s1{
	text-indent: 3rem;
	margin-top: -30px;
	font:bold 14px/30px "微软雅黑";
	color: #222;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.vd_show_right_ul{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 25px;
}
.vd_show_right_ul li{
	width: 136px;
	height: 60px;
	border-radius: 5px;
	margin-right: 10px;
	background-color: #eaeaea;
	overflow: hidden;
}
.vd_show_right_ul li:hover{
	cursor: pointer;
}
.vd_show_right_ul li:last-child{
	margin-right: 0px;
}
.vd_show_right_ul .right_ul_li1{
	background: url(../images/play.png) no-repeat;
	background-position: 100% 100%;
	text-align: center;
	font:20px/60px "微软雅黑";
	color: #fff;
}
.right_ul_li:hover{
	background-color: #856bdf;
}
.vd_show_right_ul .right_ul_li_color{
	background-color: #856bdf;
}
.vd_show_right_ul .right_ul_li_color .right_ul_lis1{
	color: #fff000;
}
.vd_show_right_ul .right_ul_li_color .right_ul_lis2{
	color: #fff;
}
.right_ul_lis1{
	width: 100%;
	height: 20px;
	display: block;
	text-align: center;
	font:16px/20px "微软雅黑";
	color: #ff6161;
	margin-top: 10px;
}
.right_ul_lis2{
	width: 100%;
	height: 26px;
	display: block;
	text-align: center;
	font:16px/26px "微软雅黑";
	color: #222;
}
.right_ul_lis3{
	width: 50px;
	height: 16px;
	padding-top: 8px;
	top: -4px;
	right: -17px;
	text-align: center;
	font:12px/16px "微软雅黑";
	color: #fff;
	background-color: #ff6161;
	-webkit-transform: rotate(45deg); 	/* Chromea 谷歌内核 */
	-moz-transform: rotate(45deg); 	/* ff 火狐内核*/
	-ms-transform: rotate(45deg);		/* ie 内核*/
	-o-transform: rotate(45deg);		/* Opera 欧朋内核 */
	transform: rotate(45deg);
	
}
.right_ul_li:hover .right_ul_lis1{
	color: #fff000;
}
.right_ul_li:hover .right_ul_lis2{
	color: #fff;
}
.vd_show_right_p{
	width: 100%;
	height: 30px;
	
}

.vd_show_right_p span{
	font:12px/30px "微软雅黑";
	color: #888;
	
}
.vd_show_right_p .xingxing{
	font:12px/30px "微软雅黑";
	color: #ff6161;
	margin-right: 5px;
}
.vd_show_box{
	width: 1160px;
	height: 40px;
	margin: 0 auto;
	padding: 20px 0px 10px;
	border-bottom: 2px solid #dddddd;
}
.vd_show_boxa{
	width: 160px;
	height: 40px;
	border-radius: 30px;
	background-color: #eaeaea;
	margin-right: 20px;
}
.show_box_span {
	width: 40px;
	height: 40px;
	text-align: center;
	overflow: hidden;
	border-radius: 50%;
	background-color: #dddddd;
	font:22px/40px "微软雅黑";
	color: #aaaaaa;
	text-align: center;
}
.show_box_span img{
	height: 40px;
	margin: 0px -100%;
	border-radius: 50%;
}
.show_box_sd{
	width: 90px;
	height: 40px;
	padding-left: 10px;
	display: block;
}
.show_box_sd_name{
	width: 100%;
	height: 18px;
	font: 16px/18px "微软雅黑";
	color: #222;
	margin-top: 4px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.show_box_sd_span{
	width: 100%;
	height: 16px;
}
.show_box_sd_span1{
	font: 12px/16px "微软雅黑";
	color: #888;
}
.show_box_sd_span2{
	max-width:65px;
	font: 12px/16px "微软雅黑";
	color: #888;
	margin-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.vd_show_ul{
	width:980px ;
	height:40px;
	padding-bottom: 10px;
	overflow: hidden;
	/*border-bottom: 2px solid #856bdf;*/
	/*border-bottom: 2px solid #dddddd;*/
	
}

.vd_show_li{
	width: 160px;
	margin-right: 20px;
}
.vd_show_li_dbox{
	width: 160px;
	height: 40px;
	margin-bottom: 10px;
	border-radius: 30px;
	background-color: #eaeaea;
}
.vd_show_li_line{
	width: 100%;
	height: 2px;
	background-color: #dddddd;
}

.vd_show_li:hover{
	cursor: pointer;
}
.vd_show_li:hover .show_box_span{
	background-color: #856bdf;
	color: #fff;
}

.vd_show_li:hover .vd_show_li_line{
	background-color: #856bdf;
}

.show_color .show_box_span{
	background-color: #856bdf;
	color: #fff;
}
.show_color .vd_show_li_line{
	background-color: #856bdf;
}

.vd_center{
	width: 1160px;
	min-height: 280px;
	margin: 0px auto;
	padding: 20px 0px;
}
.vd_center_li{
	width: 176px;
	height: 280px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.vd_center_li:last-child{
	margin-right: 0px;
}
.vd_center_img{
	width: 100%;
	height: 245px;
	overflow: hidden;
	text-align: center;
}

.vd_center_img img{
/* 	width: 100%; */
	height: 100%;
	margin:0 -100%;
}
.vd_center_span{
	padding: 0px 10px;
	height: 20px;
	font: 12px/20px "微软雅黑";
	color: #fff;
	right: 5px;
	bottom: 5px;
	background: rgba(0,0,0,0.8);
}

.vd_center_pname{
	width: 100%;
	height: 30px;
	font: 16px/30px "微软雅黑";
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.vd_center_li:hover .vd_center_pname{
	color: #856bdf;
}

.vd_center_li:hover {
	cursor: pointer;
}

.vd_title{
	width: 1160px;
	margin: 15px auto 0px;
	height:44px;
	border-bottom: 1px solid #856bdf;
}
.vd_title_line{
	width: 5px;
	height: 24px;
	background: url(../images/line.png) no-repeat;
	margin: 12px 10px 0 0;
}
.vd_title_name{
	font:bold 24px/44px "微软雅黑";
	color: #222;
	margin-right: 10px;
}
.vd_title_span{
	font:14px/24px "微软雅黑";
	color: #222;
	margin-top: 15px;
}
.vd_center1{
	padding: 20px 0px 0px;
}

.comment{
	width: 1160px;
	margin: 20px auto 0px;
}
.comment_textarea{
	width: 100%;
	height: 100px;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 10px;
	font: 14px/24px "微软雅黑";
	color: #222;
	resize: none;
}


.comment_btn{
	width: 90px;
	height: 30px;
	margin: 10px 0px;
	text-align: center;
	font: 16px/30px "微软雅黑";
	color:#fff;
	background-color: #856bdf;
	border-radius: 5px;
}

    				/*****评论展示区*****/


.comment_ul{
	width: 1160px;
	margin: 10px auto;
}
.comment_li{
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.comment_lil{
	width:40px ;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}
.comment_lil img{
	width: 100%;
	min-height: 100%;
}
.comment_lir{
	width: 1110px;
	margin-left: 10px;
}
.comment_lir_name{
	width: 100%;
	height: 30px;
	font:16px/30px "微软雅黑";
	color: #856bdf;
}
.comment_lir_del{
	width: 100%;
	font:14px/26px "微软雅黑";
	color: #555;
}

.comment_lir_bot{
	width: 100%;
	height: 30px;
}
.comment_lir_bot_time{
	height: 30px;
}
.comment_lir_bot i{
	font:16px/30px "微软雅黑";
	color: #888;
	margin-right: 5px;
}
.comment_lir_s1{
	font:14px/30px "微软雅黑";
	color: #888;
	margin-right: 5px;
}
.comment_lir_s2{
	font:14px/30px "微软雅黑";
	color: #888;
}
.comment_lir_bot .comment_lir_bot_span i{
	font:20px/30px "微软雅黑";
	position: relative;
	top: 2px;
}

.comment_lir_bot_zan{
	height: 30px;
	margin-right: 20px;
}
.comment_lir_bot_zan:hover,
.comment_lir_bot_span:hover{
	cursor: pointer;
}
/*.comment_lir_bot .zan2{
	color: #ff6161;
}*/
.comment_lir_bot_zan .zan2{
	display: none;
	color: #ff6161;
}
.comment_inner{
	margin: 10px 0px;
	width: 100%;
	background-color: #f6f6f6;
	box-sizing: border-box;
	padding: 15px;
	/*display: none;*/
}
.add_btnp {
    width: 100%;
    height: 30px;
    background-color: #f6f6f6;
    text-align: center;
    font: 16px/30px "微软雅黑";
    color: #555;
}
.add_btnp:hover {
    color: #856BDF;
    cursor: pointer;
}
.comment_inner_top{
	width: 100%;
	height: 30px;
	margin-bottom: 20px;
	
}
.comment_inner_top1{
	width: 100%;
	height: 30px;
	margin-bottom: 20px;
}
.comment_inner_top_phone{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}
.comment_inner_top_phone img{
	width: 100%;
	min-height: 100%;
}
.top_input_box{
	width: 960px;
	height: 30px;
	margin-right: 10px;
}
.comment_inner_top_input{
	width: 100%;
	height: 100%;
	border: none;
	box-sizing: border-box;
	padding-right: 70px;
	padding-left: 15px;
	background-color: #fff;
	
}

.top_input_box .input_span{
	width: 70px;
	height: 30px;
	text-align: center;
	font:14px/30px "微软雅黑" ;
	color: #b7b7b7;
	top: 0px;
	right: 0px;
}
.comment_inner_top_btn{
	width: 70px;
	height: 30px;
	text-align: center;
	font:14px/30px "微软雅黑" ;
	color: #fff;
	background-color: #ccc;
}

.comment_inner_top .top_btn_color{
	background-color: #856bdf;
}
.comment_inner_tel{
	width: 100%;
	height: 16px;
	border-left: 2px solid #856BDF;
	padding-left: 10px;
	margin: 15px 0px;
	box-sizing: border-box;
	font:14px/16px "微软雅黑" ;
	color: #222;
}
.comment_inner_ul{
	width: 100%;
}
.comment_inner_li{
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.comment_inner_lir{
	width: 1040px;
}
.comment_inner_lir_name{
	width: 100%;
	font:16px/30px "微软雅黑" ;
	color: #222;
}
.comment_inner_lir_div{
	width: 100%;
	min-height: 30px;
}

.comment_inner_lir_div label,
.comment_inner_lir_div span,
.comment_inner_lir_p label,
.comment_inner_lir_p span{
	font:14px/24px "微软雅黑" ;
	color: #888;
}
.comment_inner_lir_p{
	width: 100%;
	min-height: 30px;
	background-color: #eaeaea;
	box-sizing: border-box;
	padding: 3px 10px 0 10px;
}
.comment_inner_lir .comment_inner_top{
	/*display: none;*/
}