/* content */
.photo-box, .outer {float: left;}
.photo-box {width: 100%; cursor: pointer;}

.outer {width:182px; overflow:auto; margin-right:10px; padding:2px;}
	.thumbs img {cursor: pointer;}
	.thumbs img + img {margin-top: 2px;}

.control-box {overflow: hidden; clear: both; padding: 20px 0 30px 192px;}

@media screen and (max-width: 880px) {
	.photo-box, .outer {float:none;}
	.outer {width:640px; height: 110px; overflow-x:auto; overflow-y: hidden; margin: 0 0 10px;}
	.thumbs {width: 2430px; padding-right: 2px;}
		.thumbs img {float: left;}
		.thumbs img + img {margin: 0 0 0 2px;}
	.control-box {padding-left: 0;}
}

@media screen and (max-width: 688px) {
	.wrap {padding: 50px 10px 24px;}
	.photo-box, .outer {max-width: 100%;}
	.photo-box {height: auto;}
		.photo-box img {width: 100%; height: auto;}
}