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

.teamItem{
   /*width: 186px;
   height: 280px;*/
   /*margin: 35px 22px 0 22px;*/
   float: left;
   display: block;
   margin: 35px 0 0 0;
   text-align: center; 
   width: 25%;
}
.view { 
   display: inline-block;
   width: 186px;
   height: 280px;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask{
   width: 186px;
   height: 280px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view .viewMore {
   background:url(../images/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:44px;
   height:44px;
   margin-top: 115px;
}

.teamPic .mask {
   opacity: 0;
   overflow:visible;
   background: rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.teamPic .viewMore {
   opacity: 0;
   -webkit-transition: opacity 0.4s 0s ease-in-out;
   -moz-transition: opacity 0.4s 0s ease-in-out;
   -o-transition: opacity 0.4s 0s ease-in-out;
   -ms-transition: opacity 0.4s 0s ease-in-out;
   transition: opacity 0.4s 0s ease-in-out;
}
.teamPic:hover .mask {
   opacity: 1;
   background: rgba(0,0,0,0.7);
}
.teamPic:hover .viewMore {
	opacity:1;
	-moz-transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.name{
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	padding: 18px 10px 3px 10px;
	text-align: center;
}
.function{
	display: block;
	font-size: 14px;
	color: #981b1e;
	text-align: center;
	padding: 0 10px;
}
.imgTeam{ margin: 0 30px 30px 0; }