/* #VidReel Thumbnails  */

#video_thumbs { margin-top: 60px; }

#video_thumbs div.vidninfo { float: left; margin-right: calc(140px / 3);  }

#video_thumbs div.vidninfo:last-child { margin-right: 0px; }

#video_thumbs div.vidninfo:last-child:after { margin-right: 0px; }

#video_thumbs::after { content: ''; display: block; clear: both; }

#video_thumbs h4 { font-size: 1em; padding: 6px 0 0 .7em; margin: 0 0 .25em 0; }

#video_thumbs p { font-size: .85em; padding: 0 0 0 .85em; }

#video_thumbs a { text-decoration: none; color: $main; }

$bumper: 8px;


.video_area {   
	position: relative; 
	//background: #0A3A76;
	background: #001;
	float: left;
	margin: 0px 0px 5px 0px;
	width: 240px;
	height: 152px;
}

.overlay_thumb {
	display: none;
	position: absolute;
	height: 126px; 
	width: 224px; 
	top: $bumper;
	left: $bumper;
	background: lighten($main, 20%);
}


.hidden { display: block; }

.noshow { display: none; }

.link_thumb { position: absolute; height: 126px; width: 224px; }

.link_thumb span {
	
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    //background: url("../img/vrthumb/blank.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #999999;
    border-image: none;
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    display: block;
    float: left;
    height: 121px;
    margin: 0;
    position: relative;
    width: calc(100% / 5);
}



.link_thumb span:hover{ border-color: #fff }

.link_thumb img{ position: absolute; top: 0px; left: 0px; }

.info_area { clear: both; height: 44px; position: relative; }

.tinfo { margin: 8px; }