.VideoContainer{
	cursor: pointer;
	width: 100%;
	min-height: 100%;
	line-height: 0px;
	overflow: hidden;
}



.VideoContainer video{

}


.VideoContainer .more-link{
    position: absolute !important;
    bottom: 4px !important;
}


.page-node-149 .VideoContainer .more-link{
    display: none !important;
}

.VideoContainer embed{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

#overlayVideo{
	width: 100%;
	height: 100%;
	background-color: rgba(48,110,159,0.0);
	position: absolute;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	z-index: 2;
	top: 0px;
	bottom: auto;
}

#overlayVideo:hover{
	background-color: rgba(48,110,159,0.4);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#overlayVideo:after{
	content: " ";
	width: 10em;
	height: 10em;
	display: block; 
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -5em;
	margin-left: -5em;
	background-image: url('play_btn.png');
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.2;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}

.VideoContainer video{
	width: 100%;
	height: 100%;
}



#overlayVideo:hover:after{
	opacity: 1.0;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}

#video{
	width: 101%;
	position: relative;
	z-index: 1;
}


.VideoContainer video{
    width: 100%;
    height: 100%;
}



#fallbackVideo {
    display: none;
}

.safari #fallbackVideo {
	overflow: hidden;
    display: block !important;
    height: 100%;
    position: relative;
    width: auto;
    z-index: 0;
}

.safari #normalVideo {
    display: none !important;
}


