#album { overflow: hidden; position: relative; margin: 50px 0 0; z-index: 2; }
#album .photoItem { margin: 0 0.5% 30px; float: left; width: 32%; }
#album .photoItem .photo { background: no-repeat 50% / 100%; transition: all ease-in-out 0.3s; }
#album .photoItem .photo a { width: 100%; height: 100%; background: no-repeat 50%; display: block; transition: all ease-in-out 0.3s; }
#album .photoItem h3 { overflow: hidden; margin: 15px 0; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
#album .photoItem h3 a { color: #6e6e6e; }
#album .photoItem .photo a:hover { background-color: rgba(0, 0, 0, 0.39); background-image: url(/images/35/index-room-hover.png); }
#album-info { display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-flex; flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; -webkit-flex-wrap: wrap; }
#album-info::after { flex-grow: 999999999; -moz-flex-grow: 999999999; -ms-flex-grow: 999999999; -o-flex-grow: 999999999; -webkit-flex-grow: 999999999; min-width: 200px; height: 0; content: ""; }

.album_box { margin: 10px; position: relative; height: 350px; flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; -o-flex-grow: 1; -webkit-flex-grow: 1; background-color: #fff; transition: all ease-in-out 0.3s; }
.album_box img { max-width: 100%; min-width: 100%; height: 350px; object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -o-object-fit: cover; -webkit-object-fit: cover; vertical-align: bottom; }
.album_box , .album_box img { height: 270px; }
.divOver #album-info .album_box { opacity: 0.5 !important; transition: all ease-in-out 0.1s; -moz-transition: all ease-in-out 0.1s; -ms-transition: all ease-in-out 0.1s; -o-transition: all ease-in-out 0.1s; -webkit-transition: all ease-in-out 0.1s; }
.divOver #album-info .album_box:hover { opacity: 1 !important; }

article { margin: 0 0 30px; font-size: 16px; }

@media screen and (max-width: 1440px) {
	.album_box , .album_box img { height: 230px; }
}
@media screen and (max-width: 980px) {
	.album_box , .album_box img { height: 180px; }
}
@media screen and (max-width: 768px) {
	#album .photoItem { margin: 0 0.5% 30px; width: 49%; }
}
@media screen and (max-width: 480px) {
	#album .photoItem { margin: 0 1% 30px; width: 48%; }
}