.hovereffect {
    float:none;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    display: table;
    margin: 20px auto;
}

.hovereffect .overlay {
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    opacity:0;
    background-color:rgba(0,0,0,0.5);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}

.hovereffect img {
    display:block;
    position:relative;
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
}

.hovereffect:hover img {
    -ms-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    opacity: 0.6;
}

.hovereffect:hover .overlay {
    opacity:1;
    filter:alpha(opacity=100);
}