/*Manager*/
.youtube_id_valid {
	background: #a2fca2 !important
}

.inline_block {
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
}

.youtube_video_prev {
	background: #eee;
	border: 1px dashed #ccc;
	padding: 15px;
	margin: 15px 0px;
}

.youtube_video_prev .info {
	margin-left: 15px;
	width: 56%;
}

.youtube_video_overlay, .youtube_video_overlay a, .youtube_video_overlay img {
	width: 320px; 
	height: 180px;
}

.youtube_video_overlay a{
	background: url('images/play_btn_overlay.png') 50% 50% no-repeat;
	position: absolute;
	margin-left: -320px;
	opacity: 0.9;
}

form ul li {list-style: none}

/*Front*/
.videos_container {
	margin: 0 auto;
	width: 960px;
	margin-left: 31px;
}

.videos_container.loading, .video_gallery_loading {
	background: no-repeat center bottom;
	background-image: url('images/loader.gif');
	height: 180px;
	margin-bottom: 20px;
}

.videos_container.loading .video-item {
	display: none
}

.videos_container .video-item {
	margin-bottom: 15px;
}

.video-item.span12 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	display: flex;
}

.videos_container .video-data {
	
}

.videos_container .video-data .video-title {
	height: 20px;
	overflow: hidden;
}

.videos_container .video-data .video-title a{
	color: #111;
	line-height: 20px;
	font-size: 12px;
	font-family: sans-serif;
	font-weight: bold;
}

.videos_container .video-data .video-title a:hover {
	color: #B70000;
}

.videos_container .video-data .entry-meta,.videos_container .video-data .stats {
	color:#AAA;
	font-size:11px;
	line-height:13px;
	margin:0 0 5px;
	height:13px;overflow:hidden;
}
.videos_container .video-item.span12 .video-data .stats {
	float: right;
}
.videos_container .video-item .video-data .published {
	display: none;
}
.videos_container .video-item.span12 .video-data .published {
	float: left;
	display: block;
}
.videos_container .video-item.span12 .video-data .published span{
	color: #086081
}
.videos_container .video-data .stats i {
	font-style:normal;
}
.videos_container .video-data .stats a {
	color:#AAA
}
.videos_container .video-data .stats a:hover {
	color:#555
}
.videos_container .video-data .stats .views,
.videos_container .video-data .stats .likes,
.videos_container .video-data .stats .comments {
	margin-right:10px;
	padding-left:16px;
	background:url(images/stats.png) no-repeat 0 1px;
}
.videos_container .video-item.span2 .video-data .stats .views,
.videos_container .video-item.span2 .video-data .stats .likes,
.videos_container .video-item.span2 .video-data .stats .comments {
	margin-right:3px;
}
.videos_container .video-data .stats .views {
	padding-left:18px;
}
.videos_container .video-data .stats .comments {
	background-position:0 -19px
}
.videos_container .video-data .stats .comments:hover {
	background-position:0 -39px
}
.videos_container .video-data .stats .likes {
	background-position:0 -58px
}
.videos_container .video-data .stats .likes:hover {
	background-position:0 -78px
}
.videos_container .video-item.span3 .video-data .stats .suffix,
.videos_container .video-item.span4 .video-data .stats .suffix {
	display: none
}
.videos_container .video-data .entry-summary {
	line-height:1.5;
	font-size:12px;
	overflow:hidden;
	width:100%;
	height: 148px;
	padding: 5px 0 0;
	display: none;
}

.videos_container .video-item.span12 .video-data .entry-summary {
	display: block;
}

.video-item .video-thumb {
	position: relative;
	width:100%;
	height:auto;
	margin: 0 5px;
	overflow: hidden;
	box-sizing: border-box;
}

.video-item.span3 .video-thumb img.high, 
.video-item.span4 .video-thumb img.high, 
.video-item.span12 .video-thumb img.high {
	display: none;
}
.video-item.span6 .video-thumb img.medium {
	display: none;
}

.video-item.span12 .video-thumb {
	width: 320px;
	height: 180px;
	flex: 1;
}

.video-item .video-thumb a {
	display: block;
}

.video-item .video-thumb .video-overlay {
	position:absolute;
	border:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	background-repeat:no-repeat;
	background-position:center center;
	opacity:0;
	-webkit-transition:.25s;
	-moz-transition:.25s;
	-ms-transition:.25s;
	-o-transition:.25s;
	transition:.25s;
}

.video-item .video-thumb:hover .video-overlay {
	cursor:pointer;
	z-index:999;
	opacity:1;
}

.video-item.span3 .video-thumb .video-overlay {
	background-image:url(images/icon-play-32.png);
}

.video-item.span4 .video-thumb .video-overlay, .video-item.span12 .video-thumb .video-overlay {
	background-image:url(images/icon-play-48.png);
}

.video-item.span6 .video-thumb .video-overlay {
	background-image:url(images/icon-play-128.png);
}

.loop-actions {
	width: 920px;
	margin:0 0 20px;
	height:21px;
	line-height:21px;
	padding:5px 10px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	border:1px solid #DDD;
	border-bottom:1px solid #CCC;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 0 #F7F7F7;
	box-shadow:inset 0 1px 0 #F7F7F7;
	background:#E7E7E7;
	background-image:-ms-linear-gradient(top,#EEE,#E7E7E7);
	background-image:-moz-linear-gradient(top,#EEE,#E7E7E7);
	background-image:-o-linear-gradient(top,#EEE,#E7E7E7);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#EEE),to(#E7E7E7));
	background-image:-webkit-linear-gradient(top,#EEE,#E7E7E7);
	background-image:linear-gradient(top,#EEE,#E7E7E7);
}
.loop-actions div,.loop-actions span,.loop-actions a,.loop-actions i {
	vertical-align:middle;
	display:inline-block;
	float:left;
	height:21px;
	line-height:21px;
	overflow:hidden;
}
.loop-actions a {
	text-decoration:none;
}
.loop-actions i {
	font-style:normal;
}
.loop-actions .page {
	float:right;
	margin-left: 15px;
}
.loop-actions .page select {
	width: auto;
	height: auto;
	padding: 0;
}
.loop-actions .prefix {
	margin-right:5px;
	color:#777;
}
.loop-actions .sep {
	color:#CCC;
	margin:0 8px;
}
.loop-actions .orderby .current {
	color:#111
}
.loop-actions .asc,.loop-actions .desc{
	width:11px;
	margin:0 8px;
	text-indent:-5555em;
}
.loop-actions .asc {
	background:url(images/view.png) no-repeat 0 -15px
}
.loop-actions .desc {
	background:url(images/view.png) no-repeat -20px -15px
}
.loop-actions .view {
	float:right;
}
.loop-actions .view a {
	width:11px;
	height:11px;
	padding:4px;
	line-height:11px;
	border:1px solid transparent;
}
.loop-actions .view i {
	display:inline-block;
	width:11px;
	height:11px;
	background-image:url(images/view.png);
	background-repeat:no-repeat;
}
.list-small-link i {
	background-position:0 0
}
.list-medium-link i {
	background-position:-20px 0
}
.list-large-link i {
	background-position:-40px 0
}
.grid-medium-link i {
	background-position:-60px 0
}
.grid-small-link i {
	background-position:-80px 0
}
.grid-mini-link i {
	background-position:-100px 0
}
.loop-actions .view a.current {
	background:#FFF;
	border: 1px solid #DDD;
}
.loop-actions .orderby-select{
display:none;
}

/*== Loop Navigation
 *=================================*/
.loop-nav {
	border-top:1px solid #DDD;
}
.loop-nav-inner {
	border-top:1px solid #FFF;
	padding: 20px 0;
}

/*Main page header*/
.section-header {
margin-bottom: 12px;
border-bottom: 1px solid #FFF;
font-weight: bold;
}

.section-title {
display: block;
border-bottom: 1px solid #DDD;
line-height: 24px;
font-size: 13px;
margin: 0;
font-family: "open-sans",sans-serif;
padding-bottom: 6px;
color: #000
}

.section-title a:hover {
	text-decoration: none
}

.section-title a:hover .name{
background: url(images/arrow.png) no-repeat 100% 55%;
padding: 0 16px 0 0;
color: #2f708d;
}

.section-header .more-link {
float: right;
margin-top: -32px;
vertical-align: middle;
display: inline-block;
line-height: 20px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 0 10px;
font-size: 11px;
background: #F7F7F7;
background-image: -ms-linear-gradient(top,#FFF,#F0F0F0);
background-image: -moz-linear-gradient(top,#FFF,#F0F0F0);
background-image: -o-linear-gradient(top,#FFF,#F0F0F0);
background-image: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#F0F0F0));
background-image: -webkit-linear-gradient(top,#FFF,#F0F0F0);
background-image: linear-gradient(top,#FFF,#F0F0F0);
border: 1px solid #DDD;
color: #B70000;
}

.section-header .more-link {
line-height: 20px;
font-size: 11px;
color: #B70000;
}

.mini-arrow-down,
.mini-arrow-right{
display:inline-block;
width:0;
height:0;
line-height:0;
border-style:dashed;
}
.mini-arrow-down{
border-width:4px;
border-top-style:solid;
border-color:transparent;
border-top-color:#000;
}
.mini-arrow-right{
display:inline-block;
width:0;
height:0;
line-height:0;
border-width:3px;
border-color:transparent;
border-left-style:solid;
border-left-color:#000;
}

.section-header .more-link .mini-arrow-right {
border-left-color: #B70000;
position: relative;
top: -1px;
}

#video_gallery_load_more {display: block; clear: both; width: 45%; margin: 0 auto; margin-bottom: 20px;}

#vidoes_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#vidoes_list img{
	width: 100%;
}
.video-item.span3 {
	width: 230px;
	margin: 10px 5px 0 0;
}
.video-item.span4 {
	width: 300px;
	margin: 10px 5px 0 0;
}
.video-item.span6 {
	width: 450px;
	margin: 10px 5px 0 0;
}
.video-item.span12 .video-data.span7 {
	flex: 2;
}