/* #VidReel Thumbnails  */

aside

#video_thumbs { float: left; width:100%; text-align:center;  }

#video_thumbs .vidninfo { float: left; width: calc(100% / 4); }

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

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

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

$bumper: 8px;


.video_area {   
	position: relative; 
	background: #0A3A76;
	padding: $bumper;
	float: left;
	margin: 50px 5px 5px 0px;
	width: 224px;
	height: 136px;
}

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

.thumb1 {
	//position: absolute;
	top: $bumper;
	left: $bumper;
	height: 126px; 
	width: 224px; 
}

.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; }
