/* Video player and thumbs */

#videobgr {
	width: 100%;
	background: #080C10 url(../img/bodybgr_darkroom.jpg) no-repeat center top;
}

#videobox {
	margin: 45px 40px 25px 40px;
	background-color: #1A4A6A;
	overflow: hidden;
}

@media (min-width: 768px) {
#videoPlayer {
		width: 670px;
		height: 377px;
	}
}
@media (min-width: 992px) {
#videoPlayer {
		width: 668px;
		height: 375px;
	}
}
@media (min-width: 1200px) {
#videoPlayer {
		width: 800px;
		height: 450px;
	}
}

.infobox {
	padding: 30px 10px 20px 30px;
}
.infobox p {
	color: #CCC;
}

.infotitle {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 32px;
	line-height: 40px;
}

.infolabel {
	color: #080C10;
}

.thumbs {
	margin: 35px 40px 35px 40px;
}

.thumbs p {
	margin: 0 28px 0 0;
	color: #809099;
}

.thumbs span {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 22px;
	line-height: 30px;
	color: #CCC;
}

.thumbs img {
	float: left;
	padding-bottom: 10px;
	transition: opacity 0.3s, visibility 0.3s;
	opacity: .48;
}
.thumbs img:hover,
.thumbs img:focus {
	transition: opacity 0.3s, visibility 0.3s;
	opacity: 1;
}