.p_list{ width: 100%; font-size: 0; text-align: left; }
	.p_list_item{ display: inline-block; vertical-align: top; padding: 0 1%; width:33.333%; }
	.p_list_item::after{ content: ''; clear: both; display: block; }
		.p_photo{ background-position: center; background-size: cover; width: 100%; padding-top: 100%; }
		.p_info{ transform:translateY(-100px); padding: 20px 25px; background-color: rgba(255, 255, 255, .9); display: block; font-size: 15px; border: 1px solid #ddd; -webkit-transition:all .6s ease-out; -o-transition:all .6s ease-out; transition:all .6s ease-out; }
		.p_list_item:hover .p_info{ opacity: 0; transform:translateY(-60px); }	
			.p_name{ font-size: 1.3em; margin: 0 0 15px; }
			.p_content{ line-height: 24px; height: 25px; color: #808080; font-size: .95em; overflow: hidden; }

@media screen and (max-width: 1300px){
.p_name{ font-size: 1.3em; }
.p_info{ padding: 15px; }
}

@media screen and (max-width: 767px){
.p_list{ text-align: center; }
.p_list_item{ width:95%; max-width: 450px; padding: 0; margin-bottom: 45px; overflow: hidden; }
.p_info{ transform:translateY(0) !important; opacity: 1 !important;  }
}