.eithumb {
overflow: hidden;
background-size: cover;
background-position: center;
}
.eithumb {
-moz-transition: -moz-transform .3s ease-out; 
-webkit-transition:-webkit-transform .3s ease-out; 
-o-transition: -o-transform .3s ease-out; 
transition: transform .3s ease-out; 
}  .thumb-box {
padding: 1.4em 0 1em;
margin-left: -1%;
width: 102%;
}
.thumb-box .thumbs li {
float: left;
width: 25%;
text-align: center;
padding: 0 1%;
}
.thumbs li img  {
width: 100%;
opacity: .8;
border-bottom: 4px solid transparent;
-moz-transition: -moz-transform .3s ease-out; 
-webkit-transition:-webkit-transform .3s ease-out; 
-o-transition: -o-transform .3s ease-out; 
transition: transform .3s ease-out; 
}
.thumbs li img .active {
border-color: $bc-rk-blue;
opacity: 1;
}
.thumbs li :hover img {
opacity: 1;
}
.slippry_box li, .thumb-box li, .eigallery li {
list-style-type:none!important;
margin:0px!important;
}
.eigallery, .thumb-box .thumbs li {
opacity:0;
-moz-transition: opacity  .3s ease-in-out; 
-webkit-transition: opacity  .3s ease-in-out; 
-o-transition: opacity  .3s ease-in-out; 
transition: opacity  .3s ease-in-out; 
}
.sy-slide > a {
width:100%!important;
margin:0px!important;
padding:0px!important;
}
.sy-controls li a {
position: relative!important;
width: 100%!important;
height: 100%!important;
display: block!important;
text-indent: -9999px!important;
}
.eithumb.cropped a {
width:100%;
height:100%;
display:block;
}
img.eiportrait[src*="wp-includes/images/media/default.png"], img.eilandscape[src*="wp-includes/images/media/default.png"] {
display:none;
}
.woocommerce-product-gallery li.sy-slide {
width:100%;
}
#modal .eithumb.cropped {
width: 100%!important;
height: 500px!important;
}
#eizoom {
z-index:100;
}