#container {
  margin: 0 auto;
  width: 100%;
}

#photo_container { position: relative; }

#thumbnail {
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 10;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: center;
}

#thumbnail li {
	float: left;
	margin-right: 0.25%;
	margin-bottom: 0.25%;
	list-style: none;
	width: 12%;
}

#thumbnail li:last-child { margin-right: 0; }

#thumbnail li img {
  width: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
    border:#fff solid 1px;
}

#thumbnail li.current img {
  opacity: 1;
  filter: alpha(opacity=100);
  border:#82590d solid 1px;
}

#main_photo {
  position: relative;
  height: auto;
 
}

#main_photo img {
  position: absolute;
  top: 0;
  width: 100%;
}

.img_nav btn {
  position: absolute;
  top: 50%;
  margin: -25px 6% 0;
  width: 50px;
  height: 50px;
  border-top: solid 2px #fff;
  border-left: solid 2px #fff;
  cursor: pointer;
}

#prev {
  -ms-transform: rotateX(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#next {
  right: 0;
  -ms-transform: rotateX(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.ctr_btn {
  position: absolute;
  top: 7%;
  right: 5%;
}

.ctr_btn btn {
  padding: 10px 20px;
  border: solid 2px #fff;
  color: #fff;
  cursor: pointer;
}