.Album-item{padding: 50px 0px}
#photo{
	width: 100%;
}
.photo{
	width: 100%;
	margin: auto;
}
.photo-list{
	width:32%;
	cursor: pointer;
	float: left;
	margin-right: 2%;
}
.photo-list-right{
	margin-right: 0;
}
.photo-img{
	width: 100%;
	overflow: hidden;
}
.photo-img img{
	width: 100%;
	height: 100%;
	transition: all 0.6s linear;
}
.photo-img img:hover{
	transform: scale(1.1);
	transition: all 0.6s linear;
}
.phot-name{
	padding: 15px 0px;
	font-size: 14px;
	text-align: center;
	color: #666;
	background: #E6E6E6;
}
.phot-name1{
	padding: 15px 0px;
	font-size: 14px;
	text-align: center;
	color: #666;
	background: #E6E6E6;
	color: red;border-top:solid 1px #0527af;
}
.phot-name1:hover{
	background:  #0527af;
	color: white;
}


@media screen and (max-width: 1180px){
	.photo{
		width: 100%;
	}
}
@media screen and (max-width: 768px){
	.photo-list{
		width: 100%;
		margin-right: 0px;
	}
}
@media screen and (max-width: 340px){
	.photo-list{
		width: 100%;
	}
	.photo-img{height: auto;}
	.photo-img img{height: auto;}
}