@charset "utf-8";
/* CSS Document */
img{border:none}
a {
    color: #333333;
    text-decoration: none;
}
body{
		margin: 0;
		padding: 0;
	}
	.index_nav {
    width: 100%;
    height: 36px;
    background-color: #1C391B;
    min-width: 1340px;
	}
	.index_nav_left {
    position: relative;
    margin-left: 30px;
    width: 1340px;
    padding-left: 90px;
    margin: 0 auto;
}
.active{
    background-color: #6bc128;
    border-radius: 5px;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

	.content_nav_box{text-align: left;width: 1160px;display: inline-block}
	.nav_left01 {
	vertical-align: top;
    color: #949393;


font-size: 18px;


margin-right: 8px;

margin-top: 21px;

cursor: pointer;

}
.nav_left01:hover {

    color: #65b51e;

}
	
	.content_left{
		width: 65%;
		float: left;
	}
	.content_right{
		width: 35%;
		float: left;
		text-align: left;
		padding-left: 20px;
	}
	.video_coat .video_detail .title{
		font-size: 22px;
		text-align: left;
		line-height: 30px;
		vertical-align: middle;
		    font-family: 微软雅黑;
			    margin-top: 20px;
	}
	.video_coat .video_detail{
		padding-bottom: 15px;
	}
	.video_coat .video_detail .from_and_date{
		font-size: 13px;
		color: #949393;
		text-align: right;
	}
	.video_coat .video_detail .from_and_date .from , .video_coat .video_detail .from_and_date .date{
		display: inline-block;
		padding: 0 15px;
	}
	.video_div{
		width: 721px;
		background: #000;
		color:#fff;
		min-height: 350px;
		max-height: 721px;
		
	}
	.video_player_logo{
		   position: absolute;
			right: 30px;
			top: 20px;
			width: 65px;
			height: 35px;
			background-image: url('//www.tom.com/system/modules/my.opencms.news/resources/pc/pic/v_tom_logo.png');
			background-repeat: no-repeat;
	}
	.like_div,.share_and_phone{
		float: left;
		width: 49%;
	}
	.like_and_share{
		background-color: #333232;
		text-align: left;
		color: aliceblue;
		font-size: 13px;
		height: 35px;	
		padding: 0 20px
	}
	.share_and_phone{
		text-align: right;
		height: 100%;
		line-height: 35px;
	}
	.like_div{
		text-align: left;
		height: 100%;
		line-height: 35px;
	}
	.like_div div{
		height: 100%;
	}
	.share_and_phone .to_phone ,.share_and_phone  .share{
		display: inline-block;
		padding:0 5px;
		height: 100%;
		
	}
	.content_left .ad{
		width: 100%;
		height: 110px;
		background-color: beige;
		margin: 20px 0;
		position: relative;
	}
	.more_video {
		text-align: left;
	}
	.more_video .title{
		line-height: 15px;
		font-size: 15px;
		font-weight: bold;
		color: #312F2F;
		margin-bottom: 20px;
	}
	.icon_bar{
		background-color:#72a250;
		width: 4px;
   		height: 16px;
		float: left;
		margin-right:10px;
	}
	.other_video{
		border-bottom: solid #d9d9d9 1px;
		width: 100%;
		position:relative;
		padding:10px 0 15px 0;
	}
	.other_video .preview{
		display: inline-block;
		width: 120px;
		height:80px;
		vertical-align: top;
		position: relative;
	}
	.other_video .preview img{
		width: 100%;
		height:100%;
	}
	.other_video .detail{
		vertical-align: top;
		display: inline-block;
		margin: 0 0 0 10px;
	}
	.other_video .detail .other_video_title{
		width: 100%;
		max-width: 500px;
		height:40px;
		font-size: 14px;
		margin: 15px 0 0 0;
		text-overflow:ellipsis;
		overflow: hidden;
		line-height: 16px;
	}
	.other_video .detail .other_video_from_and_date{
		font-size: 10px;
		color: #949393;
	}
	.video_length{
		position: absolute;
		bottom: 5%;
		right: 5%;
		font-size: 12px;
		background-color: rgba(0,0,0,0.5);
		border-radius: 15px;
		padding: 1px 5px;
		color: #fff;
	}
	.auth_and_report{height: 20px;font-size: 13px;padding: 10px 0;color: #949393}
	.auth_and_report .auth{float: left}
	.auth_and_report .report{float: right}
	.content_right .right_ad{
		width: 300px;
		min-height: 150px;
		border: 6px solid #f6f6f6;
		margin: 20px 0 20px 0;
	}
	.content_right .right_ad img{
		display: block;
		width: 100%;
	}
	.rank_list_video{position: relative;min-height:150px}
	.rank_list_video .video_playing{position: absolute;width: 50px;height: 50px;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;}
	.rank_list_video img{display: block;width: 100%}
	.rank_list{list-style: none;padding: 0;margin: 0;}
	.rank_title{font-size: 18px;font-weight: bold;padding: 15px 15px; }
	.rank_title{width: 100%;display: block}
	.rank_list li{padding: 15px 15px;border-top: solid #d9d9d9 1px;min-height: 150px;}
	.rank{background-color: #f6f6f6;width: 300px;}
	.to_phone_qr{padding-top: 15%;width:150px;height:405px;position: absolute;top:0px;right: 0px;background-color:#F3F3F3;color: black;box-shadow: 0px 0px 5px #888888;display: none;}
	.to_phone:hover+.to_phone_qr,.to_phone_qr:hover,.share:hover+.to_share,.to_share:hover{display: block;animation:goshow 0.5s}
	.to_phone:hover,.share:hover{background-color: #2A2A2A;}
	@keyframes goshow
		{
		from {transform: translateX(150px)}
		to {transform: translateX(0)}
		}
	.to_phone_qr .weixin_icon{margin:auto;display: block;margin-bottom: 15px}
	.to_phone_qr .text{display: block;text-align: center;letter-spacing: 4px;font-size: 15px;line-height: 20px;}
	.url_qr{display: block;
text-align: center;}
	.url_qr img{margin-top: 15px;width: 106px;height: 106px}
	.to_share{padding-top: 5%;width:150px;height:405px;position: absolute;top:0px;right: 0px;background-color:#F3F3F3;color: black;box-shadow: 0px 0px 5px #888888;display: none}
	.to_share .title{display: block;text-align: center;color: #706F6F;font-size: 15px;margin-bottom: 20px}
	.to_share .line{display: block;text-align: left;padding-left: 20px}
	.to_share .line span{vertical-align: top;padding-left: 15px;color: #4c4c4c}
	.to_share .split_line{display: block;margin-bottom: 15px;margin-top: 5px;margin-left: auto;margin-right: auto}
	.rank_list_video,.to_phone,.share,.line,.other_video{cursor: pointer}
.mobile_like{display: none}
.mobile_video_title{display: none}
.mobile_video_detil{display: none}
.mobile_title{display: none}
.content_both{padding-left: 50px;width: 1160px;display: inline-block}
.content_title{height: 60px;text-align: center;border-bottom: solid #d9d9d9 1px;}
.source_icon{display: inline-block;line-height: 15px;vertical-align: middle;}
.hot_video_title{font-size: 14px;padding: 5px 0;max-height: 43px;overflow: hidden;color: #4c4c4c}
video{display:block}




.index_nav_left{  margin-left:30px;width: 1340px;padding-left:75px;margin: 0 auto;}
.index_nav_right{ float:right;margin-right:60px;}
.index_nav_left a{float:left;font-size: 16px;margin-top: 8px;/* line-height:36px; */margin-right: 15px;color:#ffffff;cursor:pointer;/* padding-bottom: 3px */padding: 0 4px 2px 4px;}
.index_nav_left a:hover{color:#84dd35;}
.index_nav_left a:active{color:#ffffff;}
.index_nav_left a:visted{color:#ffffff;}
/*.index_nav_left a:link{color:#ffffff;}*/
.index_nav_right a{ float:right; font-size:16px; line-height:36px; margin-left:20px; color:#ffffff; cursor:pointer;}
.index_nav_right a:hover{color:#84dd35;}
.index_nav_right a:active{color:#ffffff;}
.index_nav_right a:visted{color:#ffffff;}
.index_nav_right a:link{color:#ffffff;}
.index_nav_right_login{ width:80px; height:36px; background-color:#6dc122; text-align:center;}
.index_nav_right .index_nav_right_login:hover{ background-color:#5eae17; color:#ffffff;}
.index_nav{ width:100%; height:36px; background-color:#1C391B;min-width:1340px;}

.index_nav_left{
    position: relative;
}
.index_nav_left{
    position: relative;
}
.nav_more{
    background: #1C391B;
    position: absolute;
    top: 36px;
    left: 900px;
    z-index: 90;
    display: none;
    padding:0 5px;
}
.nav_more {
  padding:0 0px;
}
.nav_more li{
  padding:0px;
  width: 65px;
  float: left;
  text-align: center;
  line-height: 40px;
  margin-top: 10px;
  list-style:none;
}
.nav_more li a{
  color:#404040;
  font-size: 16px;
  width: 100%;
}
.nav_more li a:hover{
color:#2d9300;
}
.nav_more{
    width:130px;
    background: #FFFFFF;
    z-index: 3333;
    color: #000000;
    box-shadow: 0 0 10px #666666;
	left:1147px;
    border-radius: 4px;
    display: none;
	padding-bottom:10px;
    
}
.nav_more:after{
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: -5px;
    left: 57.5px;
    transform: rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    background: #fff;
    box-shadow: -1px -1px 5px -2px rgba(0,0,0,0.5);
}

#a-more:hover + .nav_more, .nav_more:hover {
    display: block;
    animation: jb 1s;
}
@keyframes jb
{
from {opacity:0;}
to {opacity:1;}
}

.clear-pading{
    margin-right: 0px;
}

.guanggao{
	width: 30px;
	height:18px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 16px;
	position: absolute;
	right:168px;
	margin-top:-20px;
	font-weight:bold;
}
	
.guanggao1{
	width: 30px;
	height:18px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 16px;
	position: absolute;
	right:0;
	bottom: 0;
	font-weight:bold;
}