.mask .btn3 {
    margin-top: 10px;
}
.view-first img {
    transition: all 0.2s linear 0s;
}
.view-first .mask {
    border-radius: 4px;
    color: black;
    display: table-footer-group;
    left: 9px;
    margin-top: -235px;
    opacity: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    transition: all 0.4s ease-in-out 0s;
}
.view-first h2 {
    background: #009ae1 none repeat scroll 0 0;
    border-radius: 3px;
    color: white;
    font-size: 16px;
    margin-bottom: -6px;
    opacity: 0;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-top: 7px;
    text-align: left;
    transform: translateY(-100px);
    transition: all 0.2s ease-in-out 0s;
}
.view-first p {
    font-size: 12px;
    font-weight: normal;
    opacity: 0;
    padding: 8px;
    transform: translateY(100px);
    transition: all 0.2s linear 0s;
}
.view-first:hover img {
    transform: scale(1.1, 1.1);
}
.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
}
.view-first:hover .mask {
    opacity: 1;
}
.view-first:hover h2, .view-first:hover p, .view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}