.da-thumbs li {
	float:left;
	width:24%;
	margin-left:1%;
	margin-bottom:2%;
	text-shadow:1px 1px 1px #ddd;

	padding:8px;

	background:#fff;

	border-bottom:2px solid #e9e9e9;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out;
}
.da-thumbs li:hover{border-bottom:2px solid #ffc342;}
.da-thumbs li a,
.da-thumbs li a>img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(18,109,209,0.5);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div img {
	position:absolute; left:50%; top:50%;
	margin-top:-23px;
	margin-left:-23px;
	display: block;
}

.caseDta img{ margin-right:5px;}


.qi,.shang,.fen,.xuan,.shou,.weiwangList{ display:none;}
	.xiang{ display:block}
	
	
	
/**/
 .luboe{ width: 100%;}
  .luboe_box{  width: 100%; }
  .luboe_box li{ float: left; width: 100%; opacity: 1;filter:alpha(opacity=100);overflow:hidden;}
  .luboe_box li a{ display: block;width: 100%;background-size:100%;}

  .lubo_box li a img{ width: 100%;}

  /*圆点*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;display:none;}
  .cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #000 !important;}

  /*按钮*/
  .lubo_btn{ position: absolute; width: 100%; top: 350px;display:none;}
  .left_btn, .right_btn{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .left_btn{ float: left;}
  .right_btn{ float: right;}


@media screen and (max-width: 1200px) {
	.da-thumbs li { width:32%}
	}

@media screen and (max-width: 980px) {
	.da-thumbs li { width:48%}
	.artist_l a { height:82%}
	.lubo{ width: 100%; min-width:356px;clear: both; position: relative; height:126px;}
	.lubo_box{ position: relative; width: 100%; height:126px; }
	.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:126px; opacity: 0;filter:alpha(opacity=0);}
	.lubo_btn{ position: absolute; width: 100%; top: 35px;}
    .left_btn, .right_btn{ width: 30px; height: 60px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 60px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
    .left_btn{ float: left;}
    .right_btn{ float: right;margin-right:15px;}
	}

@media screen and (max-width: 500px) {.da-thumbs li { width:100%}}

/*此样式在窗口小于800px的时候生效*/

/*@media screen and (max-width: 800px) {/*800*1280


.lubo{ width: 100%; min-width:356px;clear: both; position: relative; height:126px;}
.lubo_box{ position: relative; width: 100%; height:126px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:126px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}

}*/