#container {margin: 0 auto;max-width: 760px;}
#photo_container {position: relative;margin: 0 auto;max-width: 760px;}
#thumbnail {overflow: hidden;margin: 0 0 10px;padding: 0;width: 101%;}
#thumbnail li {float: left;margin-right: 5px;margin-bottom: 5px;list-style: none;box-shadow: 0 0 1px #666666;}
#thumbnail li:last-child {margin-right: 0;}
#thumbnail li img {width: 100%;opacity: 0.5;filter: alpha(opacity=50);}
#thumbnail li.current img {opacity: 1;filter: alpha(opacity=100);}
#main_photo {position: relative;height: 490px;border: 2px solid #3A3939;border-radius: 6px;box-shadow: 0 1px 20px #3A3939;}
#main_photo img {position: absolute;top: 0;width: 100%;}
.img_nav btn {position: absolute;top: 52%;margin: -25px 4% 0;width: 20px;height: 20px;border-top: solid 2px #b8dfe8;border-left: solid 2px #b8dfe8;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: 2.5%;right: 1.7%;}
.ctr_btn btn {padding: 2px 5px;border: 1px solid #58b2c5;border-radius:4px;color: #58b2c5;cursor: pointer;}