@charset "UTF-8";

.case_list{margin-top:0px;}
.case_list ul li{margin-bottom:35px;
	-moz-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
        transition: all .3s ease-out;

}
.hover-shadow {
  display: inline-block;
  position: relative;
  -o-transition: .8s, box-shadow .4s linear;
  -moz-transition: .8s, box-shadow .4s linear, -moz-box-shadow .4s linear;
  transition: .8s, box-shadow .4s linear;
  transition: .8s, box-shadow .4s linear, -moz-box-shadow .4s linear;
  
}
.hover-shadow:hover {
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
    -o-transform: translate(0);
       transform: translate(0);
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
       animation-duration: 1.5s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
       animation-delay: .3s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
       animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
       animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
       animation-direction: alternate;
   -moz-box-shadow: 0px 6px 25px rgba(0,0,0,0.35);
        box-shadow: 0px 6px 25px rgba(0,0,0,0.35);
  
}
.case_list ul li a{display:block;height:100%;}
.case_list ul li a:focus{outline:0;}
.case_txt{margin-top:0px;color:#666666;min-height:46px;line-height:46px;background:#eee;padding:0 10px;}
.category{color:#999;line-height:46px;}
.case_img{position:relative;}
.case_img img {
	width: 100%;
	height: 100%;
}
.case_cover {position:absolute;lefT:0;top:0;width:100%;height:100%;background:#000000;
	opacity:0;
	filter:alpha(opacity=0);
-moz-transition: all .4s .1s ease-out;
  -o-transition: all .4s .1s ease-out;
     transition: all .4s .1s ease-out;
}
.case_cover.on{opacity:0.76;filter:alpha(opacity=76);}
.cover-glass {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.cover-row {
	position: relative;
	width: 100%;
	height: 33.3333333333333%;
	font-size: 0;
	opacity: 0;
	-o-transition: .6s .3s;
	-moz-transition: .6s .3s;
	transition: .6s .3s;
}
.cover-row.on {
	opacity: 1;
	-o-transition: .8s;
	-moz-transition: .8s;
	transition: .8s;
}
/*.case_list:hover .cover-row {
	opacity: 1;
}*/
.cover-row i {
	display: inline-block;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	width: 20%;
	height: 100%;
	background-color: rgba(0, 0, 0, .76);
	opacity: 1;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	vertical-align: top;
}
@-moz-document url-prefix() {    
	.cover-row {        
		width: 100.12%;
		height: 33.4%;
    }
	.cover-row i {
		width: 20%;
	}
	.cover-row i:nth-child(3) {
		position: relative;
		left: .1%;
	}
	.cover-row i:nth-child(4) {
		position: relative;
		left: .2%;
	}
	.cover-row i:nth-child(5) {
		position: relative;
		left: .3%;
		width: 19.6%;
	}
}
/*.cover-glass:hover .cover-row i {
	transform: translate3d(20px, -30px, 0);
	opacity: 0;
}*/
.cover-glass.on .cover-row i {
	-webkit-transform: translate3d(1px, -1px, 0);
	   -moz-transform: translate3d(1px, -1px, 0);
	        transform: translate3d(1px, -1px, 0);
	opacity: 0;
}
.cover-row:nth-child(3) i:nth-child(1) {
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}
.cover-row:nth-child(3) i:nth-child(2) {
	-o-transition: .5s .05s;
	-moz-transition: .5s .05s;
	transition: .5s .05s;
}
.cover-row:nth-child(3) i:nth-child(3) {
	-o-transition: .5s .1s;
	-moz-transition: .5s .1s;
	transition: .5s .1s;
}
.cover-row:nth-child(3) i:nth-child(4) {
	-o-transition: .5s .15s;
	-moz-transition: .5s .15s;
	transition: .5s .15s;
}
.cover-row:nth-child(3) i:nth-child(5) {
	-o-transition: .5s .2s;
	-moz-transition: .5s .2s;
	transition: .5s .2s;
}
.cover-row:nth-child(2) i:nth-child(1) {
	-o-transition: .5s .1s;
	-moz-transition: .5s .1s;
	transition: .5s .1s;
}
.cover-row:nth-child(2) i:nth-child(2) {
	-o-transition: .5s .15s;
	-moz-transition: .5s .15s;
	transition: .5s .15s;
}
.cover-row:nth-child(2) i:nth-child(3) {
	-o-transition: .5s .2s;
	-moz-transition: .5s .2s;
	transition: .5s .2s;
}
.cover-row:nth-child(2) i:nth-child(4) {
	-o-transition: .5s .25s;
	-moz-transition: .5s .25s;
	transition: .5s .25s;
}
.cover-row:nth-child(2) i:nth-child(5) {
	-o-transition: .5s .3s;
	-moz-transition: .5s .3s;
	transition: .5s .3s;
}
.cover-row:nth-child(1) i:nth-child(1) {
	-o-transition: .5s .15s;
	-moz-transition: .5s .15s;
	transition: .5s .15s;
}
.cover-row:nth-child(1) i:nth-child(2) {
	-o-transition: .5s .2s;
	-moz-transition: .5s .2s;
	transition: .5s .2s;
}
.cover-row:nth-child(1) i:nth-child(3) {
	-o-transition: .5s .25s;
	-moz-transition: .5s .25s;
	transition: .5s .25s;
}
.cover-row:nth-child(1) i:nth-child(4) {
	-o-transition: .5s .3s;
	-moz-transition: .5s .3s;
	transition: .5s .3s;
}
.cover-row:nth-child(1) i:nth-child(5) {
	-o-transition: .5s .35s;
	-moz-transition: .5s .35s;
	transition: .5s .35s;
}

.cover-glass.on .cover-row:nth-child(1) i:nth-child(5) {
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}
.cover-glass.on .cover-row:nth-child(1) i:nth-child(4) {
	-o-transition: .5s .05s;
	-moz-transition: .5s .05s;
	transition: .5s .05s;
}
.cover-glass.on .cover-row:nth-child(1) i:nth-child(3) {
	-o-transition: .5s .1s;
	-moz-transition: .5s .1s;
	transition: .5s .1s;
}
.cover-glass.on .cover-row:nth-child(1) i:nth-child(2) {
	-o-transition: .5s .15s;
	-moz-transition: .5s .15s;
	transition: .5s .15s;
}
.cover-glass.on .cover-row:nth-child(1) i:nth-child(1) {
	-o-transition: .5s .2s;
	-moz-transition: .5s .2s;
	transition: .5s .2s;
}
.cover-glass.on .cover-row:nth-child(2) i:nth-child(5) {
	-o-transition: .5s .1s;
	-moz-transition: .5s .1s;
	transition: .5s .1s;
}
.cover-glass.on .cover-row:nth-child(2) i:nth-child(4) {
	-o-transition: .5s .15s;
	-moz-transition: .5s .15s;
	transition: .5s .15s;
}
.cover-glass.on .cover-row:nth-child(2) i:nth-child(3) {
	-o-transition: .5s .2s;
	-moz-transition: .5s .2s;
	transition: .5s .2s;
}
.cover-glass.on .cover-row:nth-child(2) i:nth-child(2) {
	-o-transition: .5s .25s;
	-moz-transition: .5s .25s;
	transition: .5s .25s;
}
.cover-glass.on .cover-row:nth-child(2) i:nth-child(1) {
	-o-transition: .5s .3s;
	-moz-transition: .5s .3s;
	transition: .5s .3s;
}
.cover-glass.on .cover-row:nth-child(3) i:nth-child(5) {
	-o-transition: .5s .15s;
	-moz-transition: .5s .15s;
	transition: .5s .15s;
}
.cover-glass.on .cover-row:nth-child(3) i:nth-child(4) {
	-o-transition: .5s .2s;
	-moz-transition: .5s .2s;
	transition: .5s .2s;
}
.cover-glass.on .cover-row:nth-child(3) i:nth-child(3) {
	-o-transition: .5s .25s;
	-moz-transition: .5s .25s;
	transition: .5s .25s;
}
.cover-glass.on .cover-row:nth-child(3) i:nth-child(2) {
	-o-transition: .5s .3s;
	-moz-transition: .5s .3s;
	transition: .5s .3s;
}
.cover-glass.on .cover-row:nth-child(3) i:nth-child(1) {
	-o-transition: .5s .35s;
	-moz-transition: .5s .35s;
	transition: .5s .35s;
}

.case-li{
	float:left;
	width: 33.33333333%;
}


@media (min-width: 768px){
	.case_list ul li{margin-bottom:50px;}
	.case_txt{margin-top:0px;}
	.case_list{margin-top:0px;}
	.case_list > ul.row{margin-right: -20px;margin-left: -20px;}
	.case_list > ul li.col-sm-4{padding-left:20px;padding-right:20px;}
	.case-left ,.case-right{float: left;	}

	
	
}
@media (min-width:992px) {
	.case_list{margin-top:10px;}
	.case-right{float:right;}
	.case_list ul.row{margin-right: -30px;margin-left: -30px;}
	.case_list ul li.col-sm-6{padding-left:30px;padding-right:30px;}
}
@media (min-width: 768px) and (max-width:900px){
	.case-left {float: none;	}
	.case-right {float: none;	}
	.case_name{margin-bottom:10px;}
	
}
@media (min-width: 992px) and (max-width:1300px){
	.case-left {float: none;	}
	.case-right {float: none;	}
	.case_name{margin-bottom:10px;}
	
}

@media (max-width: 768px){
	.case_name{margin-bottom:10px;font-size:14px;line-height:1;}
	.category{font-size:12px;line-height:1.5;}
	.case_txt{margin-top:0px;}
	.hover-shadow:hover{
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		  -o-transform: translateY(0px);
		     transform: translateY(0px);
	}
	.hover-shadow:before{
		display:none;
	}
}
@media (max-width: 480px){
	.case_list ul.row{margin-left:-10px;margin-right:-10px;}
	.case_list ul li.col-xs-6{padding-left:10px;padding-right:10px;width:100%;}
	
}
@media (max-width: 320px){
	.case_list ul li.col-xs-6{width:100%;}
}
@media (min-width: 1770px){
	.case_list ul.row{margin-right: -30px;margin-left: -30px;}
	.case_list ul li.col-lg-4{padding-left:30px;padding-right:30px;}
}


a:focus{outline:none;}