
/* gallery114 */
.gallery114 {width:100%; float:left; position:relative; background:white; padding:0; box-sizing:border-box;}
.gallery114 ul {width:100%;position:relative;background: inherit; padding:15px; box-sizing:border-box; float:left;}
.gallery114 ul li {width:32%;margin-right:2%;float:left;box-sizing:border-box;position:relative;text-align:left;background: inherit;}
.gallery114 ul li:nth-child(3) {margin-right:0;}

/* gallery setting */
.gallery114 ul li div.img {height:200px; float:left; overflow:hidden; box-sizing:border-box; position:relative;
						  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);
						  -webkit-transition:background 0.5s; transition:background 0.5s;}
.gallery114 ul li div.img img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px;
   								margin:auto; min-height:100%; width:100%;}
   	.gallery114 ul li:hover div.img {background:#333 !important;}
	.gallery114 ul li:hover div.img img {opacity:0.7; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}

.gallery114 ul li > div.text_box {width:100%;padding:20px 0 0;box-sizing:border-box;float:left;position:relative;background: inherit;}

.gallery114 ul li h3.tit {font-size: 16px; color:#333; letter-spacing:-1px; font-weight:600; width:100%; float:left; 
						line-height:25px; overflow:hidden; text-overflow:ellipsis; box-sizing: border-box;
					    height:50px; word-break: keep-all; white-space: normal; -webkit-line-clamp:2; -webkit-box-orient: vertical; display: -webkit-box;}
.gallery114 ul li p.co {font-size: 13px; letter-spacing:-1px; line-height:20px; width:100%; float:left; 
						text-align:left; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; 
						color:#888888; margin-top:10px; height:80px; word-break:keep-all; white-space:normal; 
						-webkit-line-clamp:4; -webkit-box-orient:vertical; display:-webkit-box; }

.gallery114 ul li div.linkbox {display: inline-block;margin: 20px 0 15px;padding: 1px;overflow: hidden;max-width:99%;background: inherit;}
.gallery114 ul li a {
					 font-size:14px;
					 color:#c76c00;
					 line-height:18px;
					 padding:10px 17px 10px 20px;
					 float:left;
					 position:relative;
					 z-index: 0;
					 word-break:keep-all;
					 background: inherit;
					 box-sizing: border-box;
					 max-width: 100%;
					 }
.gallery114 ul li a:after {content:"";background:white;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;background: inherit;}
.gallery114 ul li a span {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    padding-right: 30px;
    box-sizing: border-box;
}
.gallery114 ul li a span:before {content:"\25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0";
								font-size:100px; letter-spacing: -30px; position: absolute;left: -1px; top: 15px;
								line-height:10%;z-index: -1;margin-left: -20px;width: 100%;height: 100%;}
.gallery114 ul li a span:after {content:"\27F6";padding-left:10px;position: absolute;right: 15px;}
	
	.gallery114 ul li a:hover {color:white; -webkit-transition:color 0.5s; transition:color 0.5s;}
	.gallery114 ul li a:hover:after {background:#333; -webkit-transition:background 0.5s; transition:background 0.5s;}


/* no-data */
.gallery114 .no_data {width:100% !important; padding-right:0 !important; display:none; margin:10px 0 20px;}
.gallery114 .no_data > div.text_box {padding:0; text-align:center; width:100% !important;}
.gallery114 .no_data > div.text_box a {width:100%;}
.gallery114 .no_data > div.text_box a:after {display:none;}
.gallery114 .no_data h3.tit {font-weight:400; height:auto;}



.gallery114 .wigetController {bottom:30px !important;}


	@media (min-width:800px){ 
		.gallery114 ul li div.img {width:100%;}
		.gallery114 ul li > div.text_box {width: 100%;}
		.gallery114 ul li:nth-child(4) div.img,
		.gallery114 ul li:nth-child(5) div.img {height:225px;}

	}
	@media (min-width:800px) and (max-width:991px){
		.gallery114 ul li div.img {height:150px;}
	}


	@media (max-width:799px){
		.gallery114 ul li div.img {height:90px;}
		.gallery114 ul li > div.text_box {padding-left:0;}
		.gallery114 ul li h3.tit {font-size:15px; line-height:20px; height:40px;}
		.gallery114 ul li p.co {line-height:18px; height:54px; -webkit-line-clamp:3;}
		.gallery114 ul li a {padding:8px 13px 8px 15px; font-size:13px;}
	}
	@media (min-width:700px) and (max-width:799px){
		.gallery114 ul li div.img {width:100%; height:120px;}
	}

	@media (max-width:599px){
		.gallery114 ul li {width:100%; margin-right:0; margin-bottom:10px;}
		.gallery114 ul li div.img {height:135px; width:40%;}
		.gallery114 ul li > div.text_box {width:60%; padding:10px 10px 5px;}
		
		.gallery114 ul li h3.tit {font-size:14px;}
		.gallery114 ul li p.co {white-space:nowrap; display:block; height:auto;}
		
		.gallery114 ul li div.linkbox {margin:13px 0 0;}
		.gallery114 ul li a {padding:7px 11px 7px 12px; font-size:12px;}
	}






