@charset "utf-8";
@import "fonts/fontastic-entypo.css";
@import url(https://fonts.googleapis.com/css?family=Oswald:300);




/*video item*/
.video-item{
	margin-bottom:10px;
}
.video-item .item-thumbnail{
	position:relative;
	overflow:hidden;
	max-height:100%;
}
.video-item .item-thumbnail > a{ display:block; }

/*video thumb sizing*/

.video-item .item-thumbnail img{
	max-width:100%;
	width:100%;
}

/* rating-bar  */
.video-item .item-thumbnail .rating-bar{
	position:absolute;
	top:0;
	left:0;
	font-size:15px;
	line-height:30px;
	padding:0 8px;
}

/* link-overlay */
.video-item .item-thumbnail .link-overlay {
	position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0);-webkit-transition: background-color 0.2s ease;transition: background-color 0.2s ease;
}
.video-item .item-thumbnail .link-overlay:before {
	display: block;width: 40px;height: 40px;position: absolute;top: 50%;left: 50%;margin: -20px 0 0 -18px;border-radius: 50%;background: transparent;text-align: center;font: 14px/40px 'FontAwesome';
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	text-decoration:none;
	box-shadow: 0px 0px 0px 2px rgba(255,255,255,.75);
	color:#fff;
}
@media(min-width:768px){
.video-item .item-thumbnail:hover .link-overlay {
	background: rgba(20,22,23,0.75);
	text-decoration:none;
}
.video-item .item-thumbnail:hover .link-overlay:before {
	-webkit-transform: scale(1);transform: scale(1);opacity: 1;
	text-decoration:none;
}
}



/*list rating*/
@media (min-width: 992px){
}



/* bgcolor2 */
.bgcolor2{
	background-color:#4141a0;
	color:#fff;
	transition: all .2s ease;
}




/* link-overlay */


/* time_dur */
.video-item .item-thumbnail .rating-bar.time_dur{
	position:absolute;
	top:5px;
	left:auto;
	right:5px;
	font-size:13px;
	line-height:20px;
	padding:0 5px;
	background-color:rgba(0,0,0,.75)
}



.thumbnail_picnews {
	display: block;
	padding: 4px;
	margin-bottom: 5px;
	line-height: 1.428571429;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.thumbnail_picnews>img, .thumbnail_index a>img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto
}




.thumbnail_index {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.428571429;
	background-color: #fff;
	/*border: 1px solid #ddd;*/
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.thumbnail_index>img, .thumbnail_index a>img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto
}



@media screen and (min-width:768px) {
.thumbnail_index .detail_sm { font-size:1em; overflow:hidden; height:40px; color:#666;}
.clip_knowledge_detail { font-size:1em; overflow:hidden; height:40px; color:#666; text-align:justify;}

}


@media screen and (min-width:768px) {
.thumbnail_index .detail_sm { font-size:1em; overflow:hidden; height:40px; color:#666;}

}


@media (min-width:992px) {	
.thumbnail_index .detail_lg { font-size:1.2em; overflow:hidden; height:195px; color:#666; text-align:justify; text-justify:kashida;}
.index_itsc_name { height:210px; overflow:hidden;  color:#666; text-align:justify;}
}

@media screen and (min-width:768px) and (max-width:991px) {
.thumbnail_index .detail_lg { font-size:1.2em; overflow:hidden; height:180px; color:#666;}	
}




.thumbnail_index .index_lg_style { padding-top:10px; padding-bottom:10px;}
.thumbnail_index .index_lg_name { font-size:1.2em; color:#167ac6; font-weight:bold; }

.thumbnail_index .index_sm_style { padding-top:5px; padding-bottom:5px;}
.thumbnail_index .index_sm_name { font-size:1em; font-weight:bold; color:#167ac6; height:40px; overflow:hidden;}

.clip_knowledge_name {font-size:1em; font-weight:bold; color:#167ac6; height:40px; overflow:hidden;}
.clip_knowledge_list { font-size:1.1em; padding-top:20px; }







	.border-topic{
	border-bottom: solid 4px #e7e7e7; margin-bottom:15px; padding-left:15px;
}

.border-footerclip{
	margin-top:10px;
	border-top: solid 3px #e7e7e7; color:#333; 
}


.bg-footer {
	background-color:#000; padding-top:10px; padding-bottom:10px; padding-left:20px; height:40px; width:100%;
	/*position:fixed; bottom:0px;*/
}