@charset "UTF-8";

#albumSlide																{position:relative; line-height:1.4;}
#albumSlide .slick-slider												{position:relative; width:1300px; margin:0 auto;}
#albumSlide .inner li .mh2title										{color:#0054a6; width:1300px; margin:30px auto;}
#albumSlide .inner li ul li												{display:inline-block; float:left; width:320px; height:295px;}
#albumSlide .inner li ul li .recentBbsThumb						{height:100%;}
#albumSlide .inner li ul li .recentBbsThumb img					{width:100%;}
#albumSlide .inner li ul li .recentBbsInfo .infoInner				{display:none;}
#albumSlide .inner li ul li.slick-active .recentBbsInfo				{position:absolute; bottom:0; width:100%; background:url(./../images/photo_cover.png) left bottom repeat-x; padding:50px 15px 15px 15px;}
#albumSlide .inner li ul li.slick-active .recentBbsInfo .infoInner{display:block; color:#fff;width: 90%;padding-left:20px;border-left:1px solid #fff;box-sizing: border-box;}
#albumSlide .inner li ul li .recentBbsInfo .recentBbsTitle		{margin:0 0;}
#albumSlide .inner li ul li .recentBbsInfo .recentBbsTitle a		{color:#fff; font-size:16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}
#albumSlide .inner li ul li .recentBbsInfo .recentBbsContents	{font-size:15px;}

#albumSlide .recentBbsMore											{position: absolute;left: 50%;top: 0;background:url(./../images/btnArr.png) right center no-repeat;width: 31px;height: 31px;display: block;text-indent: -9999px; margin-left:610px;}

#albumSlide  .contentText				{display:none;}
#albumSlide .inner li ul li					{position:relative; opacity:0.5; transition:ease all 0.3s; margin:5px; overflow:hidden;}
#albumSlide .inner li ul li.slick-active	{opacity:1;}

#albumSlide .inner .slick-arrow{position:absolute;}
#albumSlide .inner .slick-arrow{top:120px; left:-50px; background: url(./../images/visualArr.png) left center no-repeat; width:26px; height:50px; text-indent:-9999px; z-index:999}
#albumSlide .inner .slick-arrow.next{right:-50px; left:inherit; background-position:right top}


@media screen and (max-width : 1024px) {
	#albumSlide .slick-slider			{width:100%;}
	#albumSlide .recentBbsMore		{right:0; margin-left:0; left:inherit;}
	#albumSlide .inner li .mh2title		{width:auto;}
	#albumSlide .inner li ul li{height: 270px;}
	#albumSlide .inner li ul li .recentBbsThumb	{height:100%;}
}
@media screen and (max-width : 599px) {
	#albumSlide .slick-list		{overflow:hidden;}
	#albumSlide .inner li ul li	{margin:0; height:auto; width:auto;}
	#albumSlide .inner .slick-arrow.next		{right:10px;}
	#albumSlide .inner .slick-arrow				{left:10px;}
}