body {
 background: #ffffff;   
}

.container {
    width: 300px;
    height: 250px;
    background: #ffffff;
    border:1px solid #666666;
    position: absolute;
    top:0px;
    left:0px;
    cursor: pointer;   
}

.video-container {
    position: absolute;
    width: 300px;
    height: 250px;
    top:0px;
    left:0px;
    opacity:0;
    filter:alpha(opacity=0);
}

video {
    width: 300px;
    height: 250px;
}

.logo{
    position:absolute;
	top: 10px;
	left: 12px;
	width:59px;
	height:44px;
	background-image:url(../images/DoveLogo.svg);
    background-size: contain;
    background-repeat: no-repeat;
	opacity:1;	
	filter: alpha(opacity=100);   
}

.static {
    position:absolute;
	top: 0px;
	left: 0px;
	width:300px;
	height:250px;
    background-repeat:no-repeat; 
}

.frame1Product {
    background-image: url(../images/productshot.jpg);
	opacity:0;
}

.frame1copy{
    background-image: url(../images/mpu-copy01.png);
	opacity:0;
}

.frame2copy{
    background-image: url(../images/mpu-copy02.png);
	opacity:0;
}

.frame3copy{
    background-image: url(../images/mpu-copy03.png);
	opacity:0;
}

.frame4copy{
    background-image: url(../images/mpu-copy04.png);
	opacity:0;
}

.endFrameProduct {
    background-image: url(../images/endProductShot.jpg);
	opacity:0; 
}

.endFrameLogo{
    background-image:url(../images/endDerma-Logo.png);
	opacity:0;	
}


.cta{
    overflow: hidden;
    position: absolute;
    width: 183px;
    height: 32px;
    left: 58px;
    top: 200px;
    background: url("../images/endFrame-CTA.png");
    opacity: 0;
}


.cta-Shine {
			    position:absolute;
			    top:-30px;
			    left:-60px;
			    width:40px;
			    height:90px;
			    opacity:0.5;	
				filter: alpha(opacity=50);
			    -ms-transform: rotate(35deg); /* IE 9 */
			    -webkit-transform: rotate(35deg); /* Chrome, Safari, Opera */
			    transform: rotate(35deg);
			    background: rgba(255,255,255,0);
				background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.81) 34%, rgba(255,255,255,1) 66%, rgba(255,255,255,0.87) 85%, rgba(255,255,255,0) 100%);
				background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(34%, rgba(255,255,255,0.81)), color-stop(66%, rgba(255,255,255,1)), color-stop(85%, rgba(255,255,255,0.87)), color-stop(100%, rgba(255,255,255,0)));
				background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.81) 34%, rgba(255,255,255,1) 66%, rgba(255,255,255,0.87) 85%, rgba(255,255,255,0) 100%);
				background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.81) 34%, rgba(255,255,255,1) 66%, rgba(255,255,255,0.87) 85%, rgba(255,255,255,0) 100%);
				background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.81) 34%, rgba(255,255,255,1) 66%, rgba(255,255,255,0.87) 85%, rgba(255,255,255,0) 100%);
				background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.81) 34%, rgba(255,255,255,1) 66%, rgba(255,255,255,0.87) 85%, rgba(255,255,255,0) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
			}