.he-style11 .he-box .box-img{
    overflow: hidden;
    position: relative;
}
.he-style11 .he-box .box-img img{
    width:100%;
    height: auto;
    transform: scale(1,1);
    transition:all 0.50s ease 0s;
}
.he-style11 .he-box:hover .box-img img{
    transform: scale(1.1,1.1);
}
.he-style11 .he-box .he-over-layer{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    bottom:0;
    text-align:center;
    opacity:0;
    transform:scale(0.4,0.4);
    background: rgba(29, 208, 173,0.8);
    transition:all 0.20s ease-in-out;
}
.he-style11 .he-box .box-img:hover .he-over-layer{
    transform: scale(1,1);
    opacity:1;
}
.he-style11 .he-box .he-over-layer a{
    position: relative;
    top:45%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
}
.he-box .fa-search,
.he-style11 .he-box .fa-link{
    border:1px solid #fff;
    color:#fff;
    font-size:16px;
    margin-right:5%;
    transition: all 0.50s ease;
}
.he-style11 .he-box .fa-link{
    margin-right: 0;
}
.he-box .fa-search:hover,
.he-style11 .he-box .fa-link:hover{
    border-radius:20%;
    text-decoration:none;
}
.he-style11 .he-box .he-box-content{
    border:1px solid #d3d3d3;
    background:#fff;
    padding:2% 2% 3% 2%;
    text-align: center;
}
.he-style11 .he-box .he-title{
    margin:0;
}
.he-style11 .he-box .he-title a{
    font-size:14px;
    color:#333;
    text-transform: uppercase;
}
.he-style11 .he-box .he-title a:hover{
    color: #1bc6a4;
    text-decoration: none;
}
.he-style11 .he-box .he-title p{
    display: block;
    font-size:14px;
    margin-top:5px;
}
@media  only screen and (max-width:990px) {
    .he-style11 .he-box{
        margin-bottom:5%;
    }
}