.block-project {

}
.item-box {
    margin-bottom: 30px;
}
.item-box .i-image {
    position: relative;
    border: 1px solid #CCCCCC;
}
.item-box .i-image a {
    display: block;
    padding-top: 75%;
    position: relative;
}
.item-box .i-image a img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.item-box:hover .i-image a img{
    -webkit-transform: translate(-50%,-50%) scale(1.05);
    -ms-transform: translate(-50%,-50%) scale(1.05);
    -o-transform: translate(-50%,-50%) scale(1.05);
    transform: translate(-50%,-50%) scale(1.05);
}

.item-box .i-title {
    position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 999;transition: all .5s;color: #fff;transition: all .5s ease; opacity: 0;text-align: center;
}
.item-box .i-title h3 {
    text-align: center;position: relative;top: 42%; max-width: 100% ; transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);-webkit-transform: scale(0);transition: all .5s ease;
}
.item-box .i-title h3 span {
    background: #945414; padding: 5px 10px; border-radius: 5px; color: #ffffff;line-height: 25px; font-size: 18px;
}
.item-box:hover .i-title {
    opacity: 1;
}
.item-box  .i-title  h3:hover{
    -webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);transition: all .5s ease;}
.item-box:hover .i-title h3{transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transition: all .5s ease;}