.video_left {
	height: 100%;
	width: 20%;
	float: right;
	position: absolute;
}

.left_map {
	width: 100%;
	height: 250px;
}

.map {
	width: calc(100% - 20px);
	height: 200px;
	margin: 50px 10px 0px;
	position: absolute;
	/*border-radius: 3px;*/
}

.left_title {
	width: 100%;
	margin: 15px 0px 15px 15px;
	position: absolute;
	color: white;
	padding-top: 1px;
}

.left_content {
	height: calc(100% - 380px);
	width: calc(100% - 20px);
	margin-top: 50px;
	padding-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 2px;
}

.play_way {
	height: 34px;
	line-height: 34px;
	width: 100%;
	color: #fff;
	padding-left:10px;
	background: rgba(22, 41, 84, .5);
	font-size:12px;
	text-align: center;
	border-top:1px solid #1cd0ad;
}
.play_way select{width:60px; height:22px; border:1px solid #b1aeae; border:1px solid #ccc;border-radius:4px; color:#fff; background:rgba(22, 41, 84, .5);}

/*#playway {
	width:100%;
	height: 40px;
	display: block;
	text-align: left;
	padding: 10px 0px 0px;
	padding-left:10px;
	border-top: 1px solid #ccc;
	font-weight: bold; background: #ebebeb;color:#242424;border-bottom:1px solid #cbcbcb;
}*/

.play_way span {
	width: 22%;
	height: 24px;
	text-align: center;
	line-height: 24px;
	display: block;
	float: left;
	cursor: pointer;
	background: #e3f3ec;
	color:#4ea27d;
	margin-left:8%;
	border-radius:5px;
	margin-top:10px;
}

.play_way span:hover {
	color: #fff;
	background-color: #4ba57f;
}

.left_content ul {
	list-style-type: none;
	/*padding-top: 20px;*/
}

.left_content ul li {
	padding: 15px 0px;
	display: block;
	width: calc(100% - 40px);
	margin-top: 10px;
	color: white;
	border-radius: 5px;
	text-align: center;
}

.left_content ul li:hover {
	opacity: 0.8;
	color: darkgoldenrod;
}

.left_content ul li a {
	text-decoration: none;
	color: white;
}

.left_dir {
	height: calc(100% - 35px);
	overflow-y: auto;
}

.left_dir .active {
	color: aquamarine;
}

.video_container {
	margin: auto;
	height: 100%;
	width: 100%;
}

.header-box {
	height: 50px;
	width: 100%;
}

.video_boxs {
	height: calc(100% - 0px);
	width: calc(100% - 0px);
}

.video_container .header-box span {
	margin: 15px 15px 15px 0px;
	position: absolute;
	color: white;
	padding-left: 5px;
	/* padding-top: 1px; */
}

.video_right {
	height: 100%;
	width: 20%;
	margin-left: 80%;
	position: absolute;
}
.menu-til{padding:20px 10px; cursor:pointer; font-size:16px; font-weight: bold; background: #ebebeb;color:#242424;border-bottom:1px solid #cbcbcb;}
.video_box {
	height: 50%;
	width: 50%;
	float: left;
	position: absolute;
}
.left_dir h3{padding:15px 10px; cursor:pointer; font-size:14px; font-weight: bold; background: #30397a; border-bottom:1px solid #4ba57f; color:#fff;}
.left_dir h4{padding:10px 10px 10px 40px; cursor:pointer; background:url(../images/tree.png) 8px 10px no-repeat ;line-height: 26px; color:#fff;}
.left_dir h4.on{color:#19cead;}
.left_dir h4+div{display:none;}
.left_dir h5{padding:5px; line-height:30px;cursor: pointer; padding-left:50px; background:url(../images/ship.png) 28px 10px no-repeat; background-size:14px 18px;color:#fff;}
.left_dir h5.on{background:url(../images/ship-on.png) 28px 10px no-repeat; background-size:14px 18px; color:#19cead;}
.left_dir ul li{padding:5px; line-height:30px;cursor: pointer; padding-left:60px; background-size:14px 18px; color:#fff;}
.left_dir ul li.on{background-size:14px 18px; color:#19cead;}
.part-box{display:none;}
.part-box ul{display:none;}
.video-con{width:100%; height: 100%;float:left; background:#000;border:3px solid #000; position: relative;}
.video-con iframe{width: 100%; height: 100%;}
.videoBg{width:100%; height:100%; position: absolute; z-index: 10; background-color:rgba(255,255,255,.1); cursor: pointer;}
.video-con.on{border:5px solid #f00;}
select{outline:medium;}