/* General Demo Style */

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


.image {
    position: relative;
    width: 100%;
}

.image img {
    width: 100%;
    vertical-align: top;
}

.image:after {
    content: '\A';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background:rgba(47,47,47,0.8);
    background-image:url(../images/mag.png);
    background-repeat:no-repeat;
    background-position:center;
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
    cursor: -webkit-zoom-in; cursor: zoom-in;
}

.image:hover:after {
    opacity: 1;
}