.image-container { position: relative; width: 100%; height:auto; margin: 0 auto; padding:0; text-align:center; overflow:hidden; }
.mini-thumbnail {
width: 11.112%;
height:auto;
margin:0px;
opacity: 1;display:inline-block;float:left;
}
.large-thumbnail {
position: absolute;
width: 100%;
height:auto;
top: 24.7%;
left:-100%;
margin:0;
text-align: center;
display:block;
transition: left 1s ease-out;
}
.feature img{ width: 100%; height:auto; opacity: .3;z-index:1; transition:all 400ms ease-in-out; }
.mini-thumbnail:hover { opacity: .5; }
.image:hover .large-thumbnail { left:0; width: 100%; z-index:3; transition: left 1s ease-in;opacity:1; }
