/* mvp111 */
.mvp111 {width:100%;height:100%;background:white;float:left;box-sizing:border-box;position:relative;padding: 15px;}
.mvp111 h3.tit {width:100%;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:25px;padding: 0;box-sizing:border-box;margin-bottom: 10px;}

.mvp111 ul {width:100%; float:left; box-sizing:border-box;}
.mvp111 ul li {width: 32.666%;margin-right: 1%;font-size:13px;float:left;position:relative;box-sizing:border-box;/* padding:15px; */}
.layout_01 .mvp111 ul li:nth-child(4n) {margin-right:0;}

.mvp111 ul li a {width: 100%;float:left;position:relative;overflow:hidden;box-sizing:border-box;}
.mvp111 ul li .cobox {float:left;width:100%;clear:both;display:block;box-sizing:border-box;position:relative;}
.mvp111 ul li .gall_tit {width:100%; position:relative; box-sizing:border-box; float:left; margin: 15px 0 0; padding-right: 10px;
						font-size:16px; color:#555; font-weight:600; letter-spacing:-1px; line-height:22px;
						overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
					
.mvp111 ul li .gall_co {width:100%; float:left; margin-bottom:5px; padding-right: 10px; box-sizing:border-box; overflow:hidden;
						color:#333; font-size:13px; letter-spacing: -1px; line-height:20px; word-break: keep-all;
						-webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}
.mvp111 ul li .date {color:#727272; font-size:13px; float:left;}
	.mvp111 ul li .date:before {content:"\25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0";
								color:#b5121b; font-size:30px; letter-spacing:-10px; line-height:0;
								position:absolute; left:0; bottom:0px; width:80px; height:1px; overflow:hidden;
								-webkit-transition:width 1s; transition:width 1s;}
	.mvp111 ul li .date:after {content:"\25A0";
								color:#b5121b;
								position:absolute;
								left: 73px;
								bottom: -3px;
								font-size: 45px;
								font-weight:400;
								-webkit-transition:left 1s;
								transition:left 1s;
								width: 1px;
								height: 20px;
								overflow: hidden;
								text-indent: -10px;
								transform: rotate(-45deg);
								}	

.mvp111 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); background-size:contain; background-repeat:no-repeat; background-position:center;}
.mvp111 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;}


.mvp111 ul li.no_data {width:100% !important;}
.mvp111 ul li.no_data .gall_tit {font-weight:400; font-size:14px;}


.mvp111 ul li:hover .imgbox img {transform:scale(1.1);}
.mvp111 ul li:hover .date:before {width:90px;}
.mvp111 ul li:hover .date:after {left: 82px;}


	/* layer height - different styling */
		.layout_height_H .mvp111 ul li:nth-child(3)~ li,
		.layout_height_M .mvp111 ul li:nth-child(3)~ li {display:none;}
		.layout_height_H .mvp111 ul li:nth-child(3),
		.layout_height_M .mvp111 ul li:nth-child(3) {margin-right:0;}
		
		.layout_01 .mvp111 ul li .cobox {height:156px;}
		.layout_height_H .mvp111 ul li .cobox {height:156px;}
		.layout_height_M .mvp111 ul li .cobox {height:83px;}
		.layout_height_M .mvp111 ul li .date {margin-top:5px; float:left;}
		.layout_height_M .mvp111 ul li .gall_co {display: none;}

		.layout_01 .mvp111 ul li .imgbox {height:150px;}
		.layout_height_H .mvp111 ul li .imgbox {height:128px;}
		.layout_height_M .mvp111 ul li .imgbox {height:100px;}

		.layout_01 .mvp111 ul li .gall_co {max-height:37px; overflow:hidden;}
		.layout_03 .mvp111 ul li:nth-child(2)~ li,
		.layout_04 .mvp111 ul li:nth-child(2)~ li {display:none;}
		.layout_03 .mvp111 ul li,
		.layout_04 .mvp111 ul li {width:49%; margin-right:2%;}
		.layout_03 .mvp111 ul li:nth-child(2),
		.layout_04 .mvp111 ul li:nth-child(2) {margin-right:0;}



	@media (min-width:800px){
		.mvp111 h3.tit {font-size:18px;}

		.layout_01 .mvp111 ul li {width:24.25%;}
		.layout_01 .mvp111 ul li .gall_co {margin:15px 0 13px;}

		.layout_height_H .mvp111 h3.tit {margin-bottom:10px;}
		.layout_height_H .mvp111 ul li .gall_co {height:36px; -webkit-line-clamp: 2; margin-bottom: 17px; margin-top: 15px;}

		.layout_height_M .mvp111 h3.tit {margin-bottom:10px;}
		
	}


	@media (max-width:799px){
		.mvp111 h3.tit {font-size:17px;}
		.mvp111 ul li .gall_tit {font-size:15px;}
		.mvp111 ul li .gall_co {font-size:12px; line-height:18px;}
		.mvp111 ul li .date {margin-top:5px;}

		.layout_01 .mvp111 ul li {width:49%; margin-right:2%;}
		.layout_01 .mvp111 ul li:nth-child(2n) {margin-right:0;}
		.layout_01 .mvp111 ul li .imgbox {height:130px;}
		.layout_01 .mvp111 ul li .cobox {height:130px; margin-bottom:20px;}

		.layout_height_H .mvp111 ul li .imgbox {height:110px;}
		.layout_height_H .mvp111 ul li .gall_co {margin-top:15px;}
	}



	@media (min-width:600px) and (max-width:799px){
	}

	@media (max-width:599px){	
	}