.four-content-pic{}
@media screen and (min-width: 480px) and (max-width: 767px){
    .four-content-pic{padding: 0 0 30px;}
}
@media screen and (min-width: 0) and (max-width: 479px){
    .four-content-pic{padding: 0 0 30px;}
}
.four-content-pic-content-item{margin: 20px 0; border-width:1px; border-style: solid ; overflow: hidden;}
.four-content-pic-content-img {overflow: hidden;margin-left: 1px;}
.four-content-pic-content-img:hover {}
.four-content-pic-content-img a {display:block;
    position: relative;
    overflow:hidden;}
.four-content-pic-content-img a img {
                                       position: absolute;
                                       max-height: 100%;
                                       max-width: 100%;
                                       width: auto;
                                       height: auto;
                                       top: 50%;
                                       left: 50%;
                                       -webkit-transform: translateX(-50%) translateY(-50%);
                                       transform: translateX(-50%) translateY(-50%);
                                       vertical-align: middle;
                                   }
.four-content-pic-content-text{padding: 15px 20px;}
.four-content-pic-content-text span {display: block;}
.four-content-pic-content-text h4{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:5px 0px 10px 5px;}
.four-content-pic-content-text p{line-height: 24px;height: 48px;overflow: hidden;}
.four-content-pic-content-item:hover {box-shadow:0 5px 15px 0 #eee; border-style:1px; border-style: solid ; }

.four-content-pic-content-item:hover{box-shadow: 1px 1px 15px rgba(0,75,141, 0.5);}