@media(min-width: 767px){
    .team-box{width:96%;position: relative;margin-bottom:20px;}
    .team-item{margin-bottom:20px;}
    .team-image{width:100%;overflow: hidden;}
    .team-image>img{max-width:100%; transition: all 0.6s;}
    .team-image>img:hover{transform: scale(1.2);}

    .team-title{position:absolute; width:100%; height:48px;margin-top:-48px; background: rgba(0,0,0,0.5);}
    .team-title>div{font-size:14px;color:#fff;padding: 5px 0; text-align: center;}
    .team-title>p{font-size:12px; color:#fff; text-align: center;}

    .team-show-title{text-align: center; padding-bottom:10px; border-bottom:1px solid #f0f0f0;}
    .team-show-image{text-align: center;margin-top:20px;}
    .team-show-image>img{margin:auto;width:200px;}
    .team-show-content{padding:20px 0;}
}

@media(max-width: 767px){
    .team-item{margin-bottom:20px;}
    .team-image{width:100%;overflow: hidden;}
    .team-image>img{max-width:100%; transition: all 0.6s;}
    .team-image>img:hover{transform: scale(1.2);}

    .team-title{font-size:14px;padding-left:10px;}
    .team-title>span{font-size:14px;font-weight:bold;}
    .team-desc{padding-left:10px;margin-top:10px;line-height:1.5em;}
}