#container { margin: 0 auto;}

#photo_container { position: relative; }

.photo_thumb { width: 100%; height: auto; margin: 0 0 15px 0; padding: 0; overflow: hidden; list-style: none;}
.photo_thumb li { width: calc(33.3333333% - 4px)!important; min-width: none!important; max-width: none!important; height: auto; margin: 0; margin-bottom: 5px; padding: 0;display: block; position: relative; float: left;}
.photo_thumb li:nth-child(3n+1) { margin-left: 0!important;  margin-right: 3px!important;}
.photo_thumb li:nth-child(3n+2) { margin-left: 2px!important; margin-right: 3px!important;}
.photo_thumb li:nth-child(3n+3) { margin-left: 2px!important; margin-right: 0!important;}

.photo_thumb li img {
  width: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.photo_thumb li.current img {
  opacity: 1;
  filter: alpha(opacity=100);
}

.photo_main { width: 100%!important; height: auto!important;
	display: block!important; margin-right: 10px; padding: 0;
  position: relative;
  height: auto;
  border: solid 15px #fff;
  box-shadow: 0 1px 8px #bbb;
}
/*#main_photo img {width: 100%; height: 100%; position: absolute; object-fit: cover;}*/
.photo_main img {width: 100%!important; height: auto; display: inline-block!important; position: relative;}

.img_nav btn {
  position: absolute;
  top: 10px;
  margin: 0 10px;
  width: 35px;
  height: 35px;
/*  border-top: solid 2px #fff;
  border-left: solid 2px #fff; */
  cursor: pointer; background: url("../img/icn-arrow-left001.png") left center no-repeat;
}

.prev {
/*  -ms-transform: rotateX(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);*/
	
opacity: 0.75;
  filter: alpha(opacity=75);
	 right: 35px;
}

.next {
/*  -ms-transform: rotateX(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);*/
	-ms-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
  transform: scaleX(-1);
	opacity: 0.75;
  filter: alpha(opacity=75);
	right: 0;
}

.ctr_btn {
  position: absolute;
  top: 16px;
  left: 10px;
}

.ctr_btn btn {
  padding: 5px 8px;
  border: solid 1px rgba(255,255,255,.65); background-color: rgba(255,255,255,.5);
  color: #332257;
  cursor: pointer;
}

@media (max-width: 1023px) {
	.photo_thumb li { width: calc(50% - 4px)!important;}
	.photo_thumb li:nth-child(3n+1) { margin-left: 0!important;  margin-right: 0!important;}
	.photo_thumb li:nth-child(3n+2) { margin-left: 0!important; margin-right: 0!important;}
	.photo_thumb li:nth-child(3n+3) { margin-left: 0!important; margin-right: 0!important;}
	.photo_thumb li:nth-child(2n+1) { margin-left: 0!important;  margin-right: 3px!important;}
	.photo_thumb li:nth-child(2n+2) { margin-left: 2px!important; margin-right: 0!important;}
}

@media (max-width: 867px) {
	.popup-detail-text { display: none; visibility: hidden;}
}

@media (max-width: 767px) {
	.photo_main { margin-right: 0; border: none;
  box-shadow: none;
}
}