#photo_container{position:relative;background-color:#fff;border-radius:4px;box-shadow:0 0 5px 0 rgba(0,0,0,.1)}#thumbnail{overflow:hidden;margin:0 0 10px;padding:0 3%;width:75%}#thumbnail li{float:left;margin-right:5px;margin-bottom:5px;list-style:none}#thumbnail li:last-child{margin-right:0}#thumbnail li img{width:100%;height:50px;opacity:.5;filter:alpha(opacity=50)}#thumbnail li.current img{opacity:1;filter:alpha(opacity=100)}#main_photo{position:relative;height:490px;border:solid 6px #fff}#main_photo img{width:auto;height:100%}.img_nav btn{position:absolute;top:52%;margin:-25px 6% 0;width:50px;height:50px;border-top:solid 2px #030303;border-left:solid 2px #030303;cursor:pointer}#prev{-ms-transform:rotateX(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);left:0}#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}body #thumbnail li{max-width:80px;min-width:65px}@media(min-width:287px) And (max-width:450px){body #thumbnail{width:100%}}@media(width:495px){body #thumbnail{width:86%}}@media(width:585px){body #thumbnail{width:86%}}@media(min-width:287px) And (max-width:600px){.img_nav btn{width:20px;height:20px}#main_photo{height:250px!important}body #thumbnail li{max-width:43px;min-width:43px}body #thumbnail li img{height:45px}}.regular-photo-container #photo_container{box-shadow:none}.regular-photo-container #main_photo{height:315px}.regular-photo-container #thumbnail{width:93%}@media(min-width:287px) And (max-width:1200px){.regular-photo-container #thumbnail{width:100%}}@media(min-width:1000px) And (max-width:1270px){.regular-photo-container #thumbnail{padding:0}}