.memeber{  
    float:left;
    width:100%;   
    margin-bottom:15px;
    padding-left:0px !important;
    border:1px solid #ededed;
    background:#FFF;
    position:relative;
}
.memeber .image{width:160px;float:left;height:215px;}
.memeber .image img{width:100%}
.memeber .infomation{margin-left:170px;padding-left:10px;padding-top:10px;}
.list-info{display:table;line-height:20px;}
.list-info label{
    float:left;
    min-width:120px;
	font-weight:600;
    margin-bottom:0px;
}
.memeber .photo{
    margin-left:auto;margin-right:auto;
    width:150px;
    height:150px;
    border-radius:50%;   
    border:1px solid #ccc;
    margin-bottom:20px;
    margin-top:15px;
    position:relative;
    z-index:2;
}
.mb-5{
    margin-bottom:5px;
}
.memeber .info{
    padding: 10px;
    position: absolute;
    z-index:1;
    background: #fff;
    width: 100%;
    top: 150px;    
    box-shadow: 0 2px 10px #ccc;
    opacity: 0;
}
.memeber:hover .info{
    opacity:1;
    z-index:3;
}
.memeber .info p{padding:5px 0;margin:0;border-top:1px solid #ededed;}
@media only screen and (max-width: 495px)
{
    .memeber .photo {
        width:90px;height:90px;
    }
    .memeber .infomation{
        margin-left:0px;
        width:100%;
    }
    .memeber .image{
        width:100%;
        background-size:contain !important;
		background-repeat:no-repeat !important;
        background-position:bottom center;
    }
}