/* styling of the container. */
a.myPlayer {
	display:block;
	width: 700px;
	height:394px; 
	text-align:center;
	margin:0 15px 30px 0;
	float:left;
	border:1px solid #999;
	position:relative;
	overflow:hidden;
}

/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #000;
}

a.myPlayer h2, a.myPlayer h3 {
	background:#fcffce;
	color:#000;
	padding:0;
	margin:0;
}
a.myPlayer h2 {
	padding-top:50px;
	padding-bottom:10px;
}
a.myPlayer h3 {
	padding-bottom:50px;
}

a.myPlayer p {display:none}

a.myPlayer img {
	opacity:1;
	position:absolute;
	top:0;
	left:-1px;
	border:0px;
}
a.myPlayer img:hover {
	opacity:1;
	top:-392px;
}