@charset "utf-8";


/* mvp116 */
.mvp116 {width:100%;height:100%;float:left;box-sizing:border-box;position:relative;padding: 0 15px 15px;}
.mvp116 .titbox {position:relative;}
.mvp116 .titbox .tit {width:85%;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:25px;box-sizing:border-box;text-align:left;}
.mvp116 .titbox .more_btn {color:#565656; line-height: 40px;font-weight:400;position:absolute;right:0;top: 15px;}

.mvp116 ul {width:100%; float:left; box-sizing:border-box;}
.mvp116 ul li {width:32%;margin-right:2%; float:left;position:relative;box-sizing:border-box;}
.mvp116 ul li:nth-child(3n) {margin-right:0;}

.mvp116 ul li a {width:100%; float:left; position:relative; overflow:hidden; box-sizing:border-box;}
.mvp116 ul li .cobox {float:left; width:100%; clear:both; display:block; box-sizing:border-box; position:relative; padding:17px 0 0;}
.mvp116 ul li .gall_tit {width:100%; position:relative; float:left; overflow:hidden; box-sizing:border-box;
						font-size: 17px; color:#284474; font-weight:600; line-height:180%; white-space:nowrap; text-overflow:ellipsis;}

.mvp116 ul li .gall_co {width:100%; float:left; box-sizing:border-box; display:-webkit-box; white-space:normal; overflow:hidden;
						line-height:150%; word-break:keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:8px;}
.mvp116 ul li .date {color: #a29f9f;font-size: 15px;float:left;width:100%;margin-top:15px;}

.mvp116 ul li .imgbox {width:100%; float:left; position:relative; overflow:hidden; float:left; box-sizing:border-box; }
.mvp116 ul li .imgbox img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px;
   							margin:auto; min-height:100%; width:100%;  -webkit-transition:transform 1s; transition:transform 1s;}


.mvp116 ul li.no_data {width:100% !important;}
.mvp116 ul li.no_data .gall_tit {font-weight:400; font-size:14px;}


.mvp116 ul li:hover .imgbox img {transform:scale(1.1);}
.mvp116 ul li:hover .gall_co {text-decoration:underline;}
.layout_height_M .mvp116 ul li:hover .date {text-decoration:underline;}


.border-radius .mvp116 ul li .imgbox {border-radius:15px;}



	/* layer height - different styling */
		.layout_height_M .mvp116 ul li .date {margin-top:10px;}
		.layout_height_M .mvp116 ul li .gall_co {display:none;}

		.layout_01 .mvp116 ul li .imgbox {height:160px;}
		.layout_height_H .mvp116 ul li .imgbox {height: 135px;}
		.layout_height_M .mvp116 ul li .imgbox {height: 95px;}

		.layout_03 .mvp116 ul li:nth-child(2)~ li,
		.layout_04 .mvp116 ul li:nth-child(2)~ li {display:none;}
		.layout_03 .mvp116 ul li,
		.layout_04 .mvp116 ul li {width:49%; margin-right:2%;}
		.layout_03 .mvp116 ul li:nth-child(2),
		.layout_04 .mvp116 ul li:nth-child(2) {margin-right:0;}



	@media (min-width:800px){
		.mvp116 .titbox .tit {font-size:18px; padding:20px 0;}
	}


	@media (max-width:799px){
		.mvp116 .titbox .tit {font-size:17px;padding: 12px 0;}
		.mvp116 .titbox .more_btn {line-height:20px;}
		.mvp116 ul li .gall_tit {font-size: 16px;}
		.mvp116 ul li .gall_co {font-size:15px;}

		.layout_height_H .mvp116 ul li .imgbox {height:155px;}
	}



	@media (min-width:600px) and (max-width:799px){
	}

	@media (max-width:599px){
		.mvp116 ul li {width:49%;}
		.mvp116 ul li:nth-child(2) {margin-right:0;}
		.mvp116 ul li:nth-child(3) {display:none;}
	}
