@charset "utf-8";
/* CSS Document */

.clearboth{ clear:both;}

body{ /*font-family: Lato,'Open Sans', sans-sarif;*/font-family:"宋体"; font-size: 16px; /*background-color: #1F1F1F; */}
*{margin: 0; padding: 0; box-sizing: border-box;}
.container{margin: 0 auto; width: 590px;}
.row{width: 100%; float: left; margin: 0px 0%;}


/*= 所有效果的共同css =*/
.single-member{width: 340px; float: left; margin: 10px 5px; background-color: #fff; text-align: center; position: relative;}
.member-image img{max-width: 100%; vertical-align: middle;}
h3 {font-size: 16px; font-weight: normal; line-height:55px; text-transform: uppercase;}

.container p {font-size: 14px; font-weight: 300; line-height: 26px; padding: 0 30px; margin-bottom: 10px; text-align:left; color:#555; height:136px; overflow:hidden;}

/*原始A标签的带图标的样式*/
/*.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image:url(images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}*/

/*查看更多的样式*/
.social-touch a{ display:inline-block; width:60px; height:60px; border-radius:60px; background:#249ec5; text-align:center; color:#fff; font-size:40px; font-weight:bold; line-height:60px;
 position:absolute; bottom:86px; right:32%; text-transform:uppercase;}

.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}

.one{ margin-left:0;}


.effect-4{ width:190px; height:230px; overflow: hidden; background:#fff; border:1px solid #b5b5b5;}
.effect-4 .cp-tit{ height:69px; overflow:hidden; font-size:16px; color:#555; width:90%; margin: 5px 5%;}
.effect-4 .cp-tit h2{ font-size:16px;  color:#333; text-align:left; margin-bottom:4px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.effect-4 .cp-tit h6{ width:100%; font-weight:normal; text-align:left; color:#333; font-size:13px; line-height:20px;}
.effect-4 .member-image{position: absolute; width: 188px; height:159px; transition: 0.4s;}
.effect-4 .member-image img{width: 100%;}
.effect-4 .more-info{height: 0; transition: 0.4s; overflow: hidden; z-index: 9; position: relative; background-color:rgba(0,0,0,0.5);/* background:#000; opacity:0.3;*/} 
.effect-4:hover .more-info{height: 196px; transition: 0.4s;}