/* a wrapper element that tracks the mouse vertically */
.vjs-thumbnail-holder {
	position: absolute;
	left: -1000px;
	margin-top: -80px;
	margin-left: -40px;
}

/* the thumbnail image itself */
.vjs-thumbnail {
	zoom: 130%;
	position: absolute;
	left: 0;
	bottom: 1.3em;
	opacity: 0;
	transition: opacity .2s ease;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-mz-transition: opacity .2s ease;
}

/* fade in the thumbnail when hovering over the progress bar */
/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
.vjs-progress-control:hover .vjs-thumbnail,.vjs-progress-control.fake-active .vjs-thumbnail,.vjs-progress-control:active .vjs-thumbnail
	{
	opacity: 1;
}

/* ... but hide the thumbnail when hovering directly over it */
.vjs-progress-control:hover .vjs-thumbnail:hover,.vjs-progress-control:active .vjs-thumbnail:active
	{
	opacity: 0;
}

.vjs-thumbnail-holder-time-now {
	float: left;
	position: absolute;
	left: 40px;
	top: 40px;
	z-index: 1000;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
}