.photo_wrap								{position:relative; padding:0  ;}  
.photo_list									{position:relative;display: grid; grid-template-columns: repeat(4, 1fr);   } 
.photo_list li								{margin:10px;  background:#fff;position:relative; width:100%; overflow:hidden; border:1px solid #d8d8d8; transition:all 0.3s ease;}
.photo_list .img							{height:200px;background:#f5f5f5; overflow:hidden;  }
.photo_list .img img					{width:100%; height:100%; object-fit:cover; transition:all 0.4s ease;}
.photo_list li:hover .img img	{transform: scale(1.1);}
.photo_list .txt							{padding:20px 25px 25px 25px; color:#888; }
.photo_list .txt p						{color:#000; font-size:1.05em;font-weight:500; letter-spacing:-1px;overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;} 
.photo_list  .nolist						{ width:100%;   text-align:center; padding:60px 0; color:#777; border:0;}
 

.photo_wrap .arrow								{position:absolute; top:calc(50% - 25px); width:100%;}
.photo_wrap .arrow p							{position:absolute; width:54px; height:54px;  border:1px solid #ccc; background:#fff; cursor:pointer;  opacity:0.6; border-radius:50%;} 
.photo_wrap .arrow span						{display:inline-block; border:solid #000; padding:5px;}
.photo_wrap .arrow .prev					{left:-70px;}
.photo_wrap .arrow .prev span			{margin:20px 0 0 22px; border-width:0 2px 2px 0; transform:rotate(135deg);}
.photo_wrap .arrow .next					{right:-70px;}
.photo_wrap .arrow .next span			{margin:20px 0 0 18px;  border-width:2px 2px 0 0; transform:rotate(45deg);}
.photo_wrap .arrow p:hover				{opacity:0.8;} 
  
 
@media screen and (max-width:1560px) {
.photo_wrap .arrow .prev					{left:0;}
.photo_wrap .arrow .next					{right:0;}
}
@media screen and (max-width:1400px) {
.photo_wrap											{ padding:0;}   
.photo_list li								{margin:0 10px; }
}
 

@media screen and (max-width:1024px) {  
.photo_list .img							{height:200px; }
.photo_list .txt							{padding:20px ; font-size:0.95em; }
}

@media screen and (max-width:800px) {
.photo_list .img							{height:180px; } 
.photo_list .txt							{  font-size:0.9em; }
}
@media screen and (max-width:580px) { 
 
 
}