.teaser.l1.vhsconnect.panelframe {
	padding-bottom:		20px;	
}

.vhs-teasers .teaser {
	display:			block;
	
	margin-bottom:		30px;	
}

.vhs-teasers .teaser .image {
	height:					150px;
	background:				#CCC;	
	background-size:		cover;
	background-position:	center;
}

.teaser-caption {
	padding:		10px 0;
	
	border-top:		1px solid #FFF;
	
	
	color:			#FFF;	
	text-align:		center;
}

.teaser .wrapper {
	height:		150px;
	overflow:	hidden;	
}

.vhs-teasers .teaser .image:hover{
	-webkit-animation: animatedBackground 1s ease-out 1;
	-moz-animation: animatedBackground 1s ease-out 1;
	animation: animatedBackground 1s ease-out 1;
	
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.editMode .vhs-teasers .teaser .image:hover{
	-webkit-animation:	none;
	-moz-animation:		none;
	animation:			none;
	
	-webkit-animation-fill-mode:	none;
	animation-fill-mode:			none;
}

@-webkit-keyframes animatedBackground {
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}

}

@-moz-keyframes animatedBackground {
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}
	
}

@keyframes animatedBackground {
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}

}