.gallery_container										{ margin: 0 -2px; }
.gallery_container:after								{ display: block; content: ""; clear: both }
.gallery_box												{ float: left; position: relative; line-height: 1px; }
.gallery_box *												{ line-height: 1px; }
.gallery_box_25											{ width: 25%; }
.gallery_box_33											{ width: 33.33%; }
.gallery_box_100											{ width: 100%; }
.gallery_box_16											{ width: 16.66666%; }
.gallery_box img											{ width: 100%; }
.gallery_box > div > div								{ position: absolute; left: 2px; top: 2px; right: 2px; bottom: 2px; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; }
.gallery_box > div										{ position: absolute; cursor: pointer; }
.gallery_box_a > div:nth-of-type(1)					{ left: 0px; top: 0px; bottom: 50%; width: 50%; }
.gallery_box_a > div:nth-of-type(2)					{ top: 0px; right: 0; bottom: 50%; width: 50%; }
.gallery_box_a > div:nth-of-type(3)					{ left: 0; top: 50%; right: 0; bottom: 0; }
.gallery_box_b > div:nth-of-type(1)					{ left: 0px; top: 0px; right: 0; bottom: 50%; }
.gallery_box_b > div:nth-of-type(2)					{ left: 0; top: 50%; right: 50%; bottom: 0; }
.gallery_box_b > div:nth-of-type(3)					{ left: 50%; top: 50%; right: 0; bottom: 0; }
.gallery_box_c > div:nth-of-type(1)					{ left: 0; top: 0; right: 0; bottom: 0; }
.gallery_box_d > div										{ left: 0; top: 0; right: 0; bottom: 0; }
.gallery_box > div:hover > div:before				{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba( 0,0,0,0.5 ); }
.gallery_box > div:hover > div:after				{ display: block; content: "\f002"; position: absolute; left: 0; top: 50%; right: 0; height: 30px; margin: -15px 0 0 0; line-height: 30px; text-align: center; font: 28px 'FontAwesome'; color: #ffffff; }
.gallery_box > div > div > div:nth-last-of-type(2)			{ position: absolute; left: 0; top: 0; z-index: 2; padding: 4px 8px; background: rgba( 0,0,0,0.5 ) }
.gallery_box > div > div > div:nth-last-of-type(2) > div	{ font-size: 12px; font-weight: bold; color: #ffffff; line-height: 20px; }
.gallery_box > div > div > div:nth-last-of-type(1)			{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 4px 8px; background: rgba( 0,0,0,0.5 ) }
.gallery_box > div > div > div:nth-last-of-type(1) > div	{ font-size: 16px; font-weight: bold; color: #ffffff; line-height: 20px; }

.gpp_container												{ padding-bottom: 16px; line-height: 1px; }
.gpp_container:last-of-type							{ padding-bottom: 0; }
.gpp_container .gpp_title								{ font-weight: bold; font-size: 16px; line-height: 32px; border-top: 1px solid #969696; }

@media screen and (min-width: 641px) and (max-width: 959px){
.gallery_container > .gallery_box_25				{ width: 50%; }
.gallery_container > .gallery_box_33				{ width: 50%; }
.gallery_container > .gallery_box_16				{ width: 25%; }
}
@media screen and (max-width: 640px){
.gallery_container > .gallery_box_50				{ width: 100%; }
.gallery_container > .gallery_box_33				{ width: 100%; }
.gallery_container > .gallery_box_16				{ width: 50%; }
}