.video_panel_bookmark {
	/*border:outset; */
	cursor:pointer;
}
.video_panel_bookmark_playing {background-color:#FFFF99; color: #333333}

.video_panel_bookmark_start {display:inline-block;}
.video_panel_bookmark_stop {display:inline-block;}
.video_panel_bookmark_start span {min-width:60px;}
.video_panel_bookmark_stop span {min-width:60px;}
.video_panel_bookmark_start input[type=text] {width:60px;}
.video_panel_bookmark_stop input[type=text] {width:60px;}
.video_panel_bookmark_desc_label {vertical-align:top;}
/*
.video_panel_control_delete {float:right; background-image: url(images/del.gif); width:18px; height:19px; }
*/
.video_panel_control_delete {float:right; width:18px; height:19px; }
.video_panel_control_lang {border:solid white; border-bottom:none;}

.video_panel_message {display:none; color:red;}
.video_panel_watermark {display:none; color:#CCCCCC;}

.video_panel_general_title_lang {display:none;}
.video_panel_general_desc_lang {display:none;}
.video_panel_control_lang {cursor:pointer;}

.video_panel_error {border:solid red;}


	.video_panel_aspect_container {
		display: inline-block;
		position: relative;
		width: 100%;
		/*max-width:640px;*/
		/*max-height:360px;*/
		/*min-width:280px;*/
	}

	.video_panel_aspect_dummy {
		padding-top: 56.25%; /* 16:9 aspect ratio */
	}

	.video_panel_video {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.video_panel_info_scroll {
		max-height:315px;
		overflow-y:hidden;
	}

.video-section {
	width:100%;
	/*min-width:280px;*/
	/*background:#FFFFFF;*/
	vertical-align:top;
	/*margin-bottom:30px;*/
	/*padding-bottom:5px;*/
	display: inline-block;
	/*text-align:center;*/
	/*overflow: hidden;*/
}
.video-section .hkecl-video-player {
	/*float:left;*/
	width:100%;
	/*max-width:640px;*/
	/*max-height:360px;*/
	display: inline-block;
	position: relative;
	height:100%;
}
.video-section .hkecl-video-player img {
	width:100%;
	height:auto;
}
.video-section .video-chapter {
	position: relative;
	background:#F3F3F3;
	overflow:hidden;
	padding-bottom:5px;
	text-align:left;
	/*min-width:260px;*/
	min-height:240px;
	/*min-height:240px;*/
	/*max-width:100%;*/
}
.video-section .video-chapter h3, .video-section .video-chapter ol {
	margin:0;
	padding:0 15px 0 0;
	margin-left: 25px;
	list-style:decimal;
}
.video-section .video-chapter h3 {
color: #FFF;
background: #666;
padding: 5px;
margin-left:0px;
height:30px;
}
.video-section .video-chapter ol li {
border-bottom:1px #CCC dotted;
margin:0 10px 5px 10px;
padding: 5px;
}
.video-section .video-chapter .scroll-bar{
	position:absolute;
	/*width:99%;*/
	text-align:center;
	/*margin-top:-10px;*/
	right:0px;
}

.video-section .video-chapter .scroll-bar.down{
	margin-top:170px;
}
.video-section .video-chapter .scroll-bar a img{
	border:0;
	width:30px;
	height:30px;
	/*box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.9);*/
	/*border-radius: 15px;*/
	opacity:1.0;
}
.video-section .video-chapter .scroll-bar a img:hover{
	opacity:0.6;
}
.video-section .video-chapter .scroll-bar a:hover{
border-bottom:none;
}
.resources-type-anim, .resources-type-audio, .resources-type-docs, .resources-type-excel, .resources-type-form, .resources-type-image, .resources-type-pdf, .resources-type-ppt, .resources-type-video, .resources-type-web, .resources-type-word, .resources-type-zip {
display: block;
}

.video_view_count{	
	text-align: right;    
    width: 100%;
	font-size: 12px;	
	color: #CCC;
}



.video-section .video-chapter {
    max-width:100%;
}

.video-section {
    /*text-align:center;*/
}


@media all and (min-height: 250px) {	
	.video_view_count_nobm{			
		position: fixed;
	}
	.video-section_nobm {		
		overflow: hidden;
	}
    
    .video_panel_info_scroll {    
        max-height: 210px;
        overflow-y:hidden;
    }
}

@media all and (min-width: 900px) {	
	.video_panel_info_scroll {
		max-height:315px;
		overflow-y:hidden;
	}
	
	.video-section .hkecl-video-player {
		width:640px;
		float:left;
	}
	
	.video-section .video-chapter {
		/*position:absolute;
		top:0px;
		right:0px;
		margin-left: 640px;
		min-height:360px;*/
		max-width:none;
	}
	
	.video-section .video-chapter .scroll-bar{

	}
	.video-section .video-chapter .scroll-bar.down{
		margin-top:280px;
	}

	.resources-type-anim, .resources-type-audio, .resources-type-docs, .resources-type-excel, .resources-type-form, .resources-type-image, .resources-type-pdf, .resources-type-ppt, .resources-type-video, .resources-type-web, .resources-type-word, .resources-type-zip {
	display: inline-block;
	}
    
    .video-section .video-chapter {	
        min-height:360px;	
    }
	
}