/* VAT19 - TRAILER THEATER
   ========================================================================== */

a.videoBlockLink {
	overflow:auto;
	display:block;
	padding:0.75em 0.5em;
	font-size:110%;
	color:#000000;
	font-weight:300;
	text-decoration:none;
	background-color:#dadada;
	margin-bottom:1px;
}

a.videoBlockLink:hover {
	
	text-decoration: none;
	background-color:#615d5e;
	color:white;
}

.videosBlock {
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0;
	
}

.videosBlock:last-child {
	margin-bottom:1em;
}

.videosThumbnails {
	
	background-color:#FFFFFF;
	width:auto;
	overflow:auto;
	padding-top:1em;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	/*border-bottom:1px solid #CCCCCC;*/
	margin:0;
	
}

ul.videoRow {
	
	overflow:auto;
	list-style-type:none;
	width:768px;
	margin:0;
	padding:0;
}

ul.videoRow li {
	
	float:left;
	width:320px;
	margin:0 31.5px;
	list-style-type:none;
	min-height:290px;
	position:relative;
}

.videoRow li img {
	border-top:30px solid black;
	border-bottom:30px solid black;
}

.closedArrow:after { 
	content: "\00a0\25BA";
}

.openArrow:after {
	content: "\00a0\25BC";
}

/* VAT19 -  PLAY BUTTON
   ========================================================================== */

.play-button {
    height: 40px;
    width: 60px;    
    background-color: rgba(255, 69, 70, 0.9);
    border-radius: 6px;
    opacity:0.6;
    position:absolute;
    top:100px;
    left:130px;
}

.videoRowThumbnail:hover > a div.play-button, a div.play-button:hover {
    background-color: rgba(255, 69, 70, 0.9);
    opacity:1.0;
    cursor:pointer;
}

.play-button:after {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 23px;
    margin: 0 auto;
    border-style: solid;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 1);
}