@charset "utf-8";
.project{

}
.project{
   overflow: hidden;
   width: 100%;
   margin-bottom:50px;
}
.project li{
	width: 272px;
	height: 232px;
	padding: 14px;
	float: left;
	position: relative;
	overflow: hidden;

}
.project li a{
	display: block;
	background-color: #000;
}
.project li .picbox{
	width: 270px;
	height: 180px;
	border: 1px solid #000;
	
	text-align: center;
	overflow: hidden;
}
.project li .picbox img{
	height: 100%;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}
.project li:hover img{
   -webkit-transform:scale(1.5);
   -o-transform:scale(1.5);
   -moz-transform:scale(1.5);
   -ms-transform:scale(1.5);
   transform:scale(1.5);
}
.project li:hover  .picbox{
	border: 1px solid #00a1e9;
}
.project li .mask{
	position: absolute;
	left: 10px;
	bottom: 20px;
	text-align: center;
	color: #fff;
	line-height: 32px;
	height: 32px;
	width: 280px;
	overflow: hidden;
}
.p-info{
	padding: 50px;
	overflow: hidden;
}
.p-info .p-title{
   font-size: 16px;
   height: 50px;
   line-height: 50px;
   color: #696969;
   font-weight: normal;
}
.p-info .imgbox{
	width: 400px;
    height: 400px;
    border: 1px solid  #000;
    background-color: #000;
	overflow: hidden;
}
.p-info .detail{
	width: 646px;
	padding-left: 50px;
}
.p-info .detail .title{
	color: #696969;
	font-size: 14px;
}
.p-info .detail .mg-b{
	margin-bottom: 10px;
}
.p-info .bigbox{
	width: 290px;
	height: 290px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
	padding: 5px;
}
.p-info .bigbox img{
	width: 100%;
}
.p-info .imglist{
	width: 100%;
	height: 80px;
	margin-top: 10px;
	overflow: hidden;
}
.p-info .imglist .item{
	width: 90px;
	height: 80px;
	text-align: center;
	float: left;
	overflow: hidden;
	cursor: pointer;
	padding: 0 5px;
}
.p-info .imglist .item img{
	width: 100%;
}