@charset "utf-8";
/* CSS Document */

.album_box {padding:60px 100px 30px 100px;}
.album_list {width:810px;}
.album_list:after {content:''; clear:both; display:block;}
.album_list li {width:260px; position:relative; float:left; margin:0 10px 15px 0;}
.album_list li a.link {position:absolute; left:0; right:0; top:0; bottom:0; z-index:1;}
.album_list li div.cover {width:248px; height:186px; position:relative; padding:5px; border:1px solid #ebebeb; overflow:hidden;}
.album_list li div.cover img {width:100%; height:100%; object-fit:cover; transition:all 0.7s; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s;}
.album_list li:hover div.cover img {transform:scale(1.08); -ms-transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08); -o-transform:scale(1.08);}
.album_list li div.cover div.photo_number {height:32px; line-height:32px; position:absolute; left:5px; right:5px; bottom:5px; background:linear-gradient(to top, #000, rgba(0,0,0,0));; font-size:14px; color:#fff;}
.album_list li div.cover div.photo_number:before {content:''; width:18px; height:32px; float:left; margin:0 6px 0 10px; background:url(../image/common/icon_photo.png) no-repeat left center; background-size:auto 14px;}
.album_list li div.title {height:45px; line-height:45px; color:#999; text-align:center; overflow:hidden;}
.album_list li div.title:before ,
.album_list li div.title:after {content:''; width:4px; height:4px; display:inline-block; vertical-align:top; margin-top:20px; background:#d1d1d1; border-radius:100%;}
.album_list li div.title:before {margin-right:8px;}
.album_list li div.title:after {margin-left:8px;}