
/* mvp011 */
.mvp011 {width:100%; height:100%; background:white; float:left; box-sizing:border-box; position:relative;}

.mvp011 ul {width:100%; float:left; box-sizing:border-box;}
.mvp011 ul li {width:25%; font-size:13px; border:1px solid rgba(0,0,0,0.1); border-right:none; float:left;position:relative;box-sizing:border-box;}
.mvp011 ul li:hover .gall_tit:after {color:inherit; -webkit-transition:color 1s; transition:color 1s;}
.mvp011 ul li:hover .imgbox img {opacity:0.8;}
.mvp011 ul li:hover .imgbox span {background:none !important;}

.mvp011 ul li .cobox {float:left; width:100%; clear:both; display:block; box-sizing:border-box; position:relative;}
.mvp011 ul li .gall_tit {
						width:100%;
						padding: 15px 35px 20px 15px;
						float:left;
						font-size: 18px;
						color:#333;
						font-weight:400;
						letter-spacing: -1px;
						line-height:22px;
						overflow:hidden;
						white-space:nowrap;
						text-overflow:ellipsis;
						position:relative;
						box-sizing:border-box;
						}
.mvp011 ul li .gall_tit:after {
							   content:"+";
							   position:absolute;
							   top:0px;
							   right:0px;
							   color:#b6b3af;
							   font-weight:600;
							   font-size: 21px;
							   font-family:none;
							   border:1px solid rgba(0,0,0,0.1);
							   width: 26px;
							   height: 57px;
							   text-align:center;
							   line-height: 43px;
							   box-sizing:border-box;
							   margin:-1px;
							   }
.mvp011 ul li .gall_co {width:100%; float:left; padding: 0 15px; margin-bottom:15px; box-sizing:border-box;
						font-size: 12px; color:#6f6f6f; letter-spacing: -1px; line-height: 20px; word-break:break-all; overflow:hidden;
						-webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}

.mvp011 ul li .imgbox {position:relative; overflow:hidden; width:100%; float:left; padding: 0 15px; margin-bottom:15px;box-sizing:border-box;}
.mvp011 ul li .imgbox span {width:100%; height:100%; float:left; position:relative; overflow:hidden; float:left; 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);}
.mvp011 ul li .imgbox img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px;
   						margin:auto; min-height:100%; width:100%;}



/* no_data */
.mvp011 ul li.no_data {width:100% !important; border-right:1px solid rgba(0,0,0,0.1);}
.mvp011 ul li.no_data .gall_tit {font-size:14px;}
	




	/* layer height - different styling */
		.layout_height_L .mvp011 ul li div.cobox { display:none; }
		.layout_01 .mvp011 ul li {width:25%;;}
		.layout_01 .mvp011 ul li:nth-child(4) {border-right:1px solid rgba(0,0,0,0.1);} 

		.layout_02 .mvp011 ul li,.layout_06 .mvp011 ul li {width:33.333%;}

		.layout_03 .mvp011 ul li, .layout_04 .mvp011 ul li {width:50%;}
		.layout_03 .mvp011 ul li:nth-child(3),.layout_04 .mvp011 ul li:nth-child(3),
		.layout_03 .mvp011 ul li:nth-child(4),.layout_04 .mvp011 ul li:nth-child(4),
		.layout_02 .mvp011 ul li:nth-child(4),.layout_06 .mvp011 ul li:nth-child(4) {display:none;}

		.layout_02 .mvp011 ul li:nth-child(3),
		.layout_03 .mvp011 ul li:nth-child(2),
		.layout_04 .mvp011 ul li:nth-child(2),
		.layout_06 .mvp011 ul li:nth-child(3) {border-right:1px solid rgba(0,0,0,0.1);}



	@media (min-width:800px){
		.layout_01 .mvp011 ul li .imgbox {height:176px;}
		.layout_01 .mvp011 ul li .gall_tit {padding-top: 30px;}
		.layout_01 .mvp011 ul li .gall_co {height: 60px;font-size: 13px;margin-top: 10px;-webkit-line-clamp: 3;}

		.layout_height_H .mvp011 ul li .imgbox {height:110px;}
		.layout_height_H .mvp011 ul li .gall_co {height:100px;margin: 15px 0 51px;-webkit-line-clamp:5;}

		.layout_height_M .mvp011 ul li .imgbox {height:100px;}
		.layout_height_M .mvp011 ul li .gall_co {height:60px;margin: 10px 0 6px;-webkit-line-clamp:3;}

		.layout_height_L .mvp011 ul li .imgbox {height:88px; margin:30px 0;}

		.layout_height_H .mvp011 ul li.no_data {height:350px;}
		.layout_height_M .mvp011 ul li.no_data {height:250px;}
	}


	@media (max-width:799px){
		.mvp011 ul li .gall_tit {padding:25px 15px 15px; font-size:17px;}
		.mvp011 ul li .imgbox {margin-bottom:20px;}

		.mvp011 ul li .gall_tit:after {width:25px; height:25px; line-height:20px; font-size:21px; border:none; background:rgba(0,0,0,0.1);}
	
		.mvp011 ul li.no_data .gall_tit {padding:25px 15px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.mvp011 ul li .imgbox {height:100px;}
		.mvp011 ul li .imgbox img {min-height:100%;}
		.mvp011 ul li .gall_tit {font-size:15px;}
		.mvp011 ul li .gall_co {font-size:12px; line-height:18px; height:55px; margin-bottom:15px;}

			.layout_01 .mvp011 ul li .imgbox {height:100px;}
			.layout_block4 > .layout_04.layout_height_H .mvp011 ul li .gall_co {height:90px; -webkit-line-clamp:5; margin-bottom:76px;}
			.layout_block4 > .layout_04.layout_height_M .mvp011 ul li .imgbox {height:80px;}
			.layout_block4 > .layout_04.layout_height_M .mvp011 ul li .gall_co {height:54px; margin-bottom:32px;}

			.layout_block4 > .layout_04.layout_height_L .mvp011 ul li .imgbox {height:107px}

			.layout_height_L .mvp011 ul li .imgbox {margin-top:20px;}
	}


	@media (max-width:599px){
	 .mvp011 {height:auto;}

		.mvp011 ul li .imgbox {height:100px;}
		.mvp011 ul li .imgbox img {min-height:100%;}
		.mvp011 ul li .gall_tit {font-size:16px; font-weight:600;}
		.mvp011 ul li .gall_co {font-size:12px; line-height:18px; height:36px; -webkit-line-clamp:2; margin-bottom:20px;}
	 	
	 	.layout_01 .mvp011 ul li {width:50%;} 
	 	.layout_01 .mvp011 ul li .imgbox {margin-bottom:30px;}
	 	.layout_height_L .mvp011 ul li .imgbox {margin-top:20px;}
	 }

