/* Showcase
-------------*/
/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load {
	height: 390px; /* Same as showcase javascript option */
	overflow: hidden;
}

/* Container when content is shown in slider */
.showcase {
	position: relative;
	margin: auto;
}

.showcase-content-container {
	background-color: #fff;
}
	
/* Content */
.showcase-content {
	width: 468px;
	height: 390px;
	text-align: center;
}
		
.showcase-content-wrapper {
	text-align: center;
	width: 468px;
	display: table-cell;
	vertical-align: middle;
}
		
/* Thumbnails */
.showcase-thumbnail-container { /* Used for backgrounds, no other styling!!! */
	background-color: #eee;
}
	
.showcase-thumbnail-wrapper {
	overflow: hidden;
	padding: 0;
	margin: 0;
}
		
.showcase-thumbnail {
	float: right;
	width: 80px;
	height: 80px;
	cursor: pointer;
	border: solid 1px #333;
	position: relative;
}
			
.showcase-thumbnail-cover {
	background-image: url(../images/videos-slider/black-opacity-40.png);
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
}
		
.showcase-thumbnail:hover {
	border: solid 1px #999;
}
		
.showcase-thumbnail:hover .showcase-thumbnail-cover {
	display: none;
}
		
.showcase-thumbnail.active {
	border: solid 1px #999;
}
		
.showcase-thumbnail.active .showcase-thumbnail-cover {
	display: none;
}
	
.showcase-thumbnail-wrapper-horizontal {
	padding: 10px 0px;
	margin: 0;
}
	
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {
	margin: 0 5px;
}
	
/* Button Wrapper */
.showcase-button-wrapper {
	display: none;
	clear: both;
	margin-top: 10px;
	text-align: center;
}

/* Clear (used for horizontal thumbnails)
-------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	float: none;
}