.ex1.image {
}

.image a {
}

/* Gets rid of the extra white space that follows an inline element*/
.image img {
    /*vertical-align: bottom;*/
}


/* Displays the pause icon */
.iconImage .blankIcon {
	display:none;
    /*position:absolute;
    width:50px;
    height:50px;
    top:50%;
    left:50%;
    margin:-28px;
	background: url(../../img/icons/play.png) no-repeat scroll center center / 50px 50px;
	
    /*-moz-opacity:.80;
    opacity:.80;
    filter:alpha(opacity=80);
	cursor: pointer;
	z-index: 1;
    -webkit-animation: fadeinout 4s linear forwards;
    animation: fadeinout 4s linear forwards;
    opacity: 0;*/
}
.iconImage .blankIcon span {
    position:absolute;
    width:0;
    height:0;
    top:15px;
    left:18px;
	color: #0F0
}

/* Displays the play icon */
.iconImage .playPauseicon {
    position:absolute;
    width:50px;
    height:50px;
    top:50%;
    left:50%;
    margin:-28px;
	background: url(../../img/icons/play-pause.png) no-repeat scroll center center / 50px 50px;
	
    /*-moz-opacity:.80;
    opacity:.80;
    filter:alpha(opacity=80);
	cursor: pointer;
	z-index: 1;*/
    -webkit-animation: fadeinout 4s linear forwards;
    animation: fadeinout 4s linear forwards;
    opacity: 0;
}
.iconImage .playPauseicon span {
    position:absolute;
    width:0;
    height:0;
    top:15px;
    left:18px;
	color: #0
}

@-webkit-keyframes fadeinout {
  50% { opacity: 1; }
}

@keyframes fadeinout {
  50% { opacity: 1; }
}