/*小导航*/
.route_navigation{
	width: 100%;
	font-size: 1em;
	line-height: 2em;
	overflow: hidden;}
.route_navigation li{
	display: inline-block;
	font-size: 0.75em;
	float: left;}
.route_navigation li i{
	color: rgb(221,221,221);
	font-size: 1em;}
.route_navigation li a{
	color: rgb(221,221,221);
	cursor: pointer;}
.route_navigation li span{
	color: #999;}
.route_navigation li .route_navigation_lastherf{
	cursor: text;}

.top_video{
	width: 100%;
	background-color: rgb(51,51,51);
	font-size: 1em;    padding-bottom: 50px;min-height:900px;height:auto;}
.top_video_content{
	width: 1200px;
	margin: 0 auto;}
.top_video_content h5{
	width: 100%;
	font-size: 1.75em;
	margin-bottom: 0.625em;
	text-align: center;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.video_content_box{
	position: relative;
	width: 100%;height:auto;min-height:675px;    margin-top: 20px;
	 }
#example_video_1{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;}
.video_content_box video{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;}
.vjs-big-play-centered .vjs-big-play-button{
	width: 3em;
	height: 3em;
	border-radius: 100%;}
.vjs-big-play-centered .vjs-big-play-button:before{
	font-size: 2em;
	line-height: 1.5em;}
.top_video_content_foot{
	font-size: 1em;
	margin: 1em;
	line-height: 2em;
	overflow: hidden;}
.top_video_content_foot div span{
	color: #fff;}
.video_content_good{
	float: left;}
.video_content_good i{
	font-size: 1.25em;
	color: #fff;}
.video_content_play{
	float: right;
	margin-right: 0.25em;
	font-size: 0.875em;}
.video_content_play span{
	font-size: 1.5em;}
.video_content_play i{
	color: rgb(102,102,102);}


.video_instruction{
	width: 100%;
	background-color: rgb(61,61,61);}
.video_instruction_content{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 1em;}
.video_instruction_left{
	width: 62.6%;
	padding: 0 2%;
	float: left;
	color: #f5f5f5;
	padding-bottom: 5%;}
.instruction_left_title{
	font-size: 1.25em;
	margin: 2em 0;}
.instruction_left_text{
	width: 94%;
	font-size: 0.875em;
	line-height: 2em;}
.video_instruction_right{
	width: 29.3%;
	padding: 0 2%;
	float: right;
	color: #f5f5f5;}
.instruction_right_title{
	font-size: 1.25em;
	margin: 2em 0;}
.instruction_right_main{
	overflow: hidden;
	width: 95%;
	padding-right: 5%;}
.instruction_right_main li{
	color: #aaaaaa;
	font-size: 0.875em;
	line-height: 1.5em;
	border-radius: 1.5em;
	background-color: #434343;
	display: inline-block;
	float: left;
	border: 1px solid #535353;
	margin: 0.25em 0.25em;}
.instruction_right_main li:hover{
	background-color: rgb(102,102,102);
	color: rgb(250,250,250);}
.instruction_right_main li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #aaaaaa;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0.75em 1.25em;}

@media only screen and (max-width: 1200px) {
	.top_video_content{
		width: 98%;}
	.video_instruction_content{
		width: 98%;}
}
@media only screen and (max-width: 1024px) {
	.video_instruction_left{
		float: none;
		width: 100%;}
	.video_instruction_right{
		float: none;
		width: 100%;
		padding-bottom: 5%;}
	.instruction_right_title{
		margin: 1em 0;}
	.video_instruction_left{
		padding-bottom: 3%;}
}
@media only screen and (min-width: 640px) and (max-width: 768px) {
	.top_video_content h5{
		font-size: 1.5em;}
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
	.top_video_content h5{
		font-size: 1.25em;}
	.instruction_left_title{
		font-size: 1.125em;}
}
@media only screen and (min-width: 400px) and (max-width: 480px) {
	.top_video{
		font-size: 0.875em;}
	.top_video_content h5{
		font-size: 1.25em;}
}
@media only screen and (max-width: 400px) {
	.top_video{
		font-size: 0.75em;}
	.top_video_content h5{
		font-size: 1.25em;}

}