@import url(http://fonts.googleapis.com/css?family=Alfa+Slab+One);
@import url(http://fonts.googleapis.com/css?family=Alice);

.play-overlay{
 background:url("../images/imginnerlay.png") no-repeat scroll 53% 60% / 25% auto transparent;
 opacity:0.8;
 position:absolute;
 top:0%;
 left:0%;
 margin-top:10px;
 z-index:9;
 transition:all 1s ease;

}
.play-overlay:hover{
    transition:all 1s ease;
    opacity:0.4;

  }
a[data-videolink^=http]{
  position:relative;
}
div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a {

    position: relative;

}

.woocommerce div.product div.images div.thumbnails a.first, .woocommerce #content div.product div.images div.thumbnails a.first, .woocommerce-page div.product div.images div.thumbnails a.first, .woocommerce-page #content div.product div.images div.thumbnails a.first {

    position: relative;
}







a[data-videolink^="http"] {
    display: block;

    /*position: absolute;*/
	position: relative;
    width: 100%;
    z-index: 9999;
}
/*

.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images {
    float: left;
    margin-bottom: 2em;
    overflow: hidden;
    position: relative!important;
    width: 48%;
}

.play-overlay {
    background: url("../images/imginnerlay.png") no-repeat scroll 53% 60% / 25% auto rgba(0, 0, 0, 0);
    display: block;
    height: 100%;
    left: 0;
    margin-top: 10px;
    opacity: 0.8;
    position: absolute;
    top: 0;
    transition: all 1s ease 0s;
    width: 100%;
    z-index: 9999;
}
.woocommerce div.product div.images div.thumbnails, .woocommerce #content div.product div.images div.thumbnails, .woocommerce-page div.product div.images div.thumbnails, .woocommerce-page #content div.product div.images div.thumbnails {
    padding-top: 5em;
}

*/