@charset "UTF-8";

.photoAlbum .tabTitle{position:absolute; width:240px; height:265px; display:block; left:0; top:0; z-index:1001; border:none; background:url(./../images/today_img.jpg) center center; text-indent:-9999px; cursor: default;}
.photoAlbum .listLi{overflow:hidden; width:100%; max-height:500px;}
.photoAlbum .listLi li{float:left; position:relative;}
.photoAlbum .listLi li:before{content:''; width:240px; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); z-index:3}
.photoAlbum .liThum a{display: block;position: absolute;width: 100%;bottom: 0;/* padding: 15px 20px; */box-sizing: border-box;word-break: keep-all;z-index:2;top:0;/* height: 100%; */}
.photoAlbum .liThum .title{color:#fff;font-size: 24px;line-height: 35px;max-height: 110px;overflow: hidden;position: absolute;top: 280px;left:3%;z-index: 5;width: 200px;}
.photoAlbum .liThum a:hover .title{text-decoration:underline;}
.photoAlbum .liThum .date{color: #aaaaaa;font-size:14px;position: absolute;bottom: 20px;left:3%; z-index: 5;}
.photoAlbum .liThum{position:relative;padding-top: 56%;}
.photoAlbum .liThum img{width:100%;/* position: absolute; */height: 100%;top: 0;left: 0;}

.photoAlbum .recentBbsMore{position:absolute; right:0; top:5px; width:27px; height:27px; background:url(./../images/moreIcon.png) center center; text-indent:-9999px;}
.photoAlbum .slick-navigation{position:absolute;bottom: 20px;z-index: 9999;left: 160px;}
.photoAlbum .slick-navigation button{margin: 0px; padding: 0px; cursor: pointer; width: 8px; height: 15px; display:inline-block !important; text-indent:-9999px;}
.photoAlbum .slick-navigation button.Pause {background: url(./../images/btn_pause_2.png) no-repeat center;}
.photoAlbum .slick-navigation button.Play{background: url(./../images/btn_play_2.png) no-repeat center;}
.photoAlbum .slick-navigation button#prev-slick{background: url(./../images/btn_prev_2.png) no-repeat center;}
.photoAlbum .slick-navigation button#next-slick{background: url(./../images/btn_next_2.png) no-repeat center;}
.photoAlbum .slick-navigation button.control {display:inline-block !important; margin:0 10px;}
.photoAlbum .slick-navigation button._on {display:none !important;; margin:0 5px 0 8px;}
.photoAlbum .recentBbsMore{display:none;}

@media only screen and (max-width: 1600px){
	.photoAlbum .tabTitle{height:180px;}
	.photoAlbum .liThum .title{top:200px;}
}
@media only screen and (max-width: 1279px){
	.photoAlbum .listLi li:before{width:35%;}
	.photoAlbum .tabTitle{width:35%; height:180px; background-size:cover;}
	.photoAlbum .listLi{height:auto;}
	.photoAlbum .liThum a{width:100%;}
	.photoAlbum .liThum a .title{margin-bottom: 100px;}
}
@media only screen and (max-width: 1023px){
	.photoAlbum .tabTitle{background: url(./../images/today_imgMo.jpg) left center no-repeat; background-size:contain; height: 120px}
	.photoAlbum .liThum{max-height:100%;}
	.photoAlbum .liThum img{width:100%;}
	.photoAlbum .listLi li:before{display: block;position: absolute;bottom: 0;top:unset;left:0;background-color: rgba(0,0,0,0.8);width: 100%;height:50px;}
	.photoAlbum .liThum a {padding: 10px;box-sizing:border-box;display:block;width:100%;}
	.photoAlbum .liThum .title{white-space: nowrap;text-overflow: ellipsis;line-height: 1.6;height: auto;overflow: hidden;margin-bottom: 0;font-size: 16px;bottom:8%;}
	.photoAlbum .liThum .date{margin-bottom:0;font-size: 13px;bottom:1%;}

	.photoAlbum .slick-navigation{bottom:15px;left:initial;right:20px;}
	.photoAlbum .slick-navigation button{position:relative; float:left;}
	.photoAlbum .slick-arrow{width:20px;height:40px;text-indent: -99999px;position:absolute;z-index: 9999; top:50%; margin-top:-20px; }
	.photoAlbum .slick-prev{ background:url(./../../images/main/slidearrow_left_w.png) no-repeat center;  left:18px;}
	.photoAlbum .slick-next{ background:url(./../../images/main/slidearrow_right_w.png) no-repeat center; right:18px;}
}

@media only screen and (max-width: 767px){
	.photoAlbum .liThum img{}
	.photoAlbum .liThum .title{font-size: 15px;bottom:inherit; top:80%; width:calc(100% - 100px);}
}