
/* mvp116 */
.mvp116 {width:100%; height:100%; float:left; box-sizing:border-box; position:relative; padding:15px;}
.mvp116 .titbox {position:relative;}
.mvp116 .titbox h3.tit {width:85%; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:25px; box-sizing:border-box; text-align:left; margin-bottom:10px;}
.mvp116 .titbox .more_btn {color:#565656; font-size:13px; line-height:27px; font-weight:400; position:absolute; right:0;}

.mvp116 ul {width:100%; float:left; box-sizing:border-box;}
.mvp116 ul li {width:32%; margin-right:2%; font-size:13px; float:left; position:relative; box-sizing:border-box; /* padding:15px; */}
.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; font-size:16.5px; color:#284474; font-weight:600; line-height:180%;
						overflow:hidden; white-space:nowrap; text-overflow:ellipsis;box-sizing:border-box;}
					
.mvp116 ul li .gall_co {width:100%; float:left; box-sizing:border-box; font-size:13px; line-height:150%; opacity:0.9;
						word-break:keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; 
						display:-webkit-box; white-space:normal; overflow:hidden; max-height:37px; margin-top:8px; }
.mvp116 ul li .date {color:#4b4b4b; font-size:13px; 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; /*border:1px solid rgba(0,0,0,0.1); */
						background:url(/images/wzwg/site/mngr/no-img.png) #f9f9f9; background-size:contain; background-repeat:no-repeat; background-position:center;}
.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;}



	/* 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:160px;}
		.layout_height_M .mvp116 ul li .imgbox {height:110px;}

		.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 h3.tit {font-size:18px;}

		.layout_height_H .mvp116 .titbox h3.tit {margin-bottom:10px;}
		.layout_height_M .mvp116 .titbox h3.tit {margin-bottom:10px;}
	}


	@media (max-width:799px){
		.mvp116 .titbox h3.tit {font-size:17px;}
		.mvp116 ul li .gall_tit {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;}
	}

