h2{
	width: 100%;
	text-align: center;
	font-size: 26px;
	font-weight: normal;
}
.photo_main{
	width: 100%;
	/*height: 175px;*/
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
   /*justify-content: space-between;*/
	margin-bottom: 60px;
	position: relative;
     vertical-align: middle;
   

}


.w_30,.w_20,.w_25{
	position: relative;
	overflow: hidden;
	transition: 0.5s;
     
}
.photo_main img{
	width: 100%;
	border: 0;
}
.photoName{
	width: 100%;
	height: 30px;
	padding-left: 15px;
	line-height: 30px;
	position: absolute;
	bottom: -10px;
	left: 0;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	display: none;
}
.w_25:hover .photoName{
	display: block;
}
.w_20:hover .photoName{
	display: block;
}
.w_30:hover .photoName{
	display: block;
}
.w_45:hover .photoName{
	display: block;
}
.w_55:hover .photoName{
	display: block;
}
.goBack{
	display: block;
	width: 100%;
	text-align: right;
}

@media screen and (min-width:860px ){
	.w_30{
		width: 30%;
	}
	.w_25{
		width: 24%;
	}
	.W_20{
		width: 20%;
	}
	.screenImg{
		position: fixed;
		left: 50%; 
		top: 20%; 
		width: 40%;
		transform: translateX(-50%); 
	}
}
@media screen and (max-width:860px ){
	.w_45{
		width: 45%;
	}
	.w_55{
		width: 55%;
	}
}
@media screen and (max-width:500px ){
	.w_30{
		width: 100%;
		margin-bottom: 5px;
	}
	.w_25{
		width: 100%;
		margin-bottom: 5px;
	}
	.W_20{
		width: 100%;
		margin-bottom: 5px;
	}
	.w_45{
		width: 100%;
		margin-bottom: 5px;
	}
	.w_55{
		width: 100%;
		margin-bottom: 5px;
	}
	.screenImg{
		width: 100%;
		
	}
}
.cover{
	position: fixed;
	top: 0;
	left: 0;
	right: 0
}
.playbox{width:840px;margin:50px auto;overflow:hidden;padding:20px 0px 0px 20px;border:solid 1px #ddd;}

.playbox a{ height:360px; overflow:hidden; display:block; float:left; margin-right:20px;margin-bottom:20px; position:relative; text-decoration:none;}

 

.playbox a img{max-width:260px;_width:expression(this.width > 260 ? "260px" : this.width);/*使ie6支持max-width*/ border:none; }



.txt{position: absolute;left: 0;bottom: 0;width: 100%;height: 45px;line-height: 45px;text-align: center;color: #fff;background: rgba(0,0,0,0.6);}

.txt h3{ padding-top: 10px;font-weight: normal; margin:0px}

.txt p{

	font-size: 14px;

	display: block;

	line-height: 20px;

	-webkit-margin-before: 1em;

	-webkit-margin-after: 1em;

	-webkit-margin-start: 0px;

	-webkit-margin-end: 0px;

	-moz-margin-before: 1em;

	-moz-margin-after: 1em;

	-moz-margin-start: 0px;

	-moz-margin-end: 0px;

}
.screen { z-index:999;display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.5); }

.prev { 
	display: none;
	width: 40px;
	height: 40px;
	background: url(../images/next.png) center no-repeat;
	position: fixed;
	left: 0;
	top: 50%;
	z-index: 9999;

}
.next { 
	display: none;
	width: 40px;
	height: 40px;
	background: url(../images/prev.png) center no-repeat;
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 999999;
}
.screenImg{
	position: fixed;
	top: 50%;
	left: 50%;
    transform: translate(-50%,-50%);
	max-width:900px;
	height: auto; 
/*	transform: translateX(-50%); */ 
}
.txt-bar { position: fixed; background: rgba(0,0,0,0.7); font-size: 20px; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; color: #fff; text-align: center; }
.photo_main div { margin-bottom: 4px; }
.closes{
	position: fixed;
	top: 3px;
	right: 10px;
	width: 18px;
	z-index: 10000;
}