
/* mvp012 */
.mvp012 {width:100%; height:100%; background:white; float:left; box-sizing:border-box; position:relative; padding:15px 0;}
.mvp012 h3.tit {width:100%; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:25px; padding:0 15px; box-sizing:border-box;}

.mvp012 ul {width:100%; float:left; box-sizing:border-box;}
.mvp012 ul li {width:50%; font-size:13px; float:left; position:relative; box-sizing:border-box; padding:15px; }
.mvp012 ul li:nth-child(2n+1) {clear:both;}

.mvp012 ul li a {width:60%; float:left; position:relative; overflow:hidden; padding-right:15px; box-sizing:border-box;}
.mvp012 ul li .cobox {float:left; width:100%; clear:both; display:block; box-sizing:border-box; position:relative;}
.mvp012 ul li .gall_tit {width:100%; float:left; margin:3px 0 10px;
						font-size:15px; color:#333; font-weight:600; letter-spacing:-1px; line-height:22px;
						overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; box-sizing:border-box;}
.mvp012 ul li .gall_co {width:100%; float:left; margin-bottom:5px; box-sizing:border-box;
						font-size:12px; color:#6f6f6f; letter-spacing: -1px; line-height:20px; word-break:break-all; overflow:hidden;
						-webkit-line-clamp:4; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}
.mvp012 ul li .date {color:#070607; font-size:12px; opacity:0.8;}
.mvp012 ul li .date:before {content:"["; padding-right:2px; color:inherit;}
.mvp012 ul li .date:after {content:"]"; padding-left:2px; color:inherit;}

.mvp012 ul li .imgbox {width:40%; float:left; position:relative; overflow:hidden; float:left; overflow:hidden; box-sizing:border-box;
						background:url(/images/wzwg/site/mngr/no-img.png);background-size:contain;
						background-repeat:no-repeat; background-position:center; border:1px solid rgba(0,0,0,0.1);}
.mvp012 ul li .imgbox img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px;
   						margin:auto; min-height:100%; width:100%;}


.mvp012 ul li.no_data {width:100% !important;}
.mvp012 ul li.no_data .gall_tit {font-weight:400; font-size:14px;}

	/* layer height - different styling */
		.layout_height_M .mvp012 ul li:nth-child(2)~ li,
		.layout_height_L .mvp012 ul li:nth-child(2)~ li,
		.layout_03.layout_height_H .mvp012 ul li:nth-child(2)~ li,
		.layout_04.layout_height_H .mvp012 ul li:nth-child(2)~ li {display:none;}
		.layout_03.layout_height_M .mvp012 ul li:first-child~ li,
		.layout_04.layout_height_M .mvp012 ul li:first-child~ li,
		.layout_03.layout_height_L .mvp012 ul li:first-child~ li,
		.layout_04.layout_height_L .mvp012 ul li:first-child~ li {display:none;}

		
		


	@media (min-width:800px){
		.mvp012 h3.tit {font-size:18px;}
		.mvp012 ul li {border:1px solid transparent;}
		.mvp012 ul li:hover {border:1px solid #238ed0; -webkit-transition:border 1s; transition:border 1s;}

		.layout_01 .mvp012 h3.tit {margin-bottom:20px;}
		.layout_01 .mvp012 ul li {margin:5px 0; padding:15px 20px 15px 15px;}
		.layout_01 .mvp012 ul li .imgbox {height:150px;}
		.layout_01 .mvp012 ul li .gall_tit {}
		.layout_01 .mvp012 ul li .gall_co {width:90%; height:80px; font-size:13px; -webkit-line-clamp:4; margin-bottom:13px;}

		.layout_height_H .mvp012 h3.tit {margin-bottom:16px;}
		.layout_height_H .mvp012 ul li .imgbox {height:115px;}
		.layout_height_H .mvp012 ul li .gall_co {height:60px; -webkit-line-clamp:3;}

		.layout_height_M .mvp012 h3.tit {margin-bottom:15px;}
		.layout_height_M .mvp012 ul li {padding:19px 15px;}
		.layout_height_M .mvp012 ul li .imgbox {height:150px;}
		.layout_height_M .mvp012 ul li .gall_co {height:100px; -webkit-line-clamp:5;}

		.layout_height_L .mvp012 h3.tit {margin-bottom:8px;}
		.layout_height_L .mvp012 ul li .imgbox {height:70px;}
		.layout_height_L .mvp012 ul li .gall_tit {margin-bottom:5px;}
		.layout_height_L .mvp012 ul li .gall_co  {white-space:nowrap; display:block; text-overflow:ellipsis;}

		.layout_03 .mvp012 ul li,
		.layout_04 .mvp012 ul li {width:100%;}
	}


	@media (max-width:799px){
		.mvp012 h3.tit {font-size:17px;}
		.mvp012 ul li .gall_tit {font-size:17px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.mvp012 ul li .imgbox {height:100px;}
		.mvp012 ul li .imgbox img {min-height:100%;}
		.mvp012 ul li .gall_tit {font-size:15px;}
		.mvp012 ul li .gall_co {font-size:12px; line-height:18px; height:55px; -webkit-line-clamp:3;}

			.layout_block4 > .layout_04 .mvp012 ul li {width:100%;}

			.layout_block4 > .layout_04.layout_height_H .mvp012 ul li .imgbox {height:115px;}
			.layout_block4 > .layout_04.layout_height_H .mvp012 ul li .gall_tit {margin-bottom:5px;}
			.layout_block4 > .layout_04.layout_height_H .mvp012 ul li .gall_co {height:70px; -webkit-line-clamp:4;}

			.layout_block4 > .layout_04.layout_height_M .mvp012 ul li a {width:100%; margin-bottom:17px;}
			.layout_block4 > .layout_04.layout_height_M .mvp012 ul li {padding:13px 15px 5px;}
			.layout_block4 > .layout_04.layout_height_M .mvp012 ul li .imgbox {width:100%; height:80px;}
			.layout_block4 > .layout_04.layout_height_M .mvp012 ul li .gall_tit {margin-bottom:1px;}
			.layout_block4 > .layout_04.layout_height_M .mvp012 ul li .gall_co {height:36px; -webkit-line-clamp:2;}

			.layout_block4 > .layout_04.layout_height_L .mvp012 ul li .imgbox {height:75px}
			.layout_block4 > .layout_04.layout_height_L .mvp012 ul li .gall_co  {height:auto; white-space:nowrap; display:block; text-overflow:ellipsis;}
			
			.layout_03.layout_height_M .mvp012 ul li,
			.layout_03.layout_height_L .mvp012 ul li,
			.layout_04 .mvp012 ul li {width:100%;}
	}


	@media (max-width:599px){
		.mvp012 {height:auto;}
		.mvp012 ul li {width:100%; padding:15px 15px 5px;}
		.mvp012 ul li .imgbox {height:90px;}
		.mvp012 ul li .gall_tit {font-size:14px; margin-bottom:5px;}
		.mvp012 ul li .gall_co {font-size:12px; line-height:18px; height:36px; -webkit-line-clamp:2;}
	 	
	 }

