@charset "utf-8";
.waterfall_wrap {}
#waterfall {margin:0;padding:0;overflow:hidden;font-size:1em;letter-spacing:0.1em;line-height:1.6em}
#waterfall.min {margin:0;}
#waterfall li {/*position:absolute;*/list-style:none;left:0;top:0;opacity:0;z-index:0;transform:translateY(100px);padding:0;margin:0 10px;}
#waterfall li:hover {z-index:1;}
#waterfall li.show {opacity:1;transform:translateY(0);transition:all 0.3s, top 1s;}
#waterfall li>div {color:rgba(0, 0, 0, 0.6);font-size:32px;width:100%;padding:0;margin:0;border:0;transition:all 0.5s;}
#waterfall li>div:hover {transform:translateY(-10px);border:0;transition:all 0.3s;}
#waterfall li.min>div {margin:0;transform:none;border:none;border-radius:0;box-shadow:none;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
#waterfall li.min>div:hover {transform:none;border:none;border-radius:0;box-shadow:none;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
#waterfall li>div.adsense:hover {transform:inherit}
#waterfall li>div a{color:#fff;text-decoration:none;}
#waterfall li> div img{padding:0;margin:10px;max-width:90%;}

.box {
	
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.actionImg2 {
	 position:relative;
}
.actionImg2 img {
	 display:block;
	 width:100%;
	 height:100%;
}
.actionImg2 .hover {
	 z-index:20;
	 position:absolute;
	 top:0;
	 left:0;
	z-index:10;
	 background-color:rgba(0,0,0,0.5);
	 width:100%;
	 height:100%;
	 color:#efefef;
	 text-align:center;
	
	 box-sizing:border-box;
	 opacity:0;
	 transition:opacity .5s ease-out;
	 -webkit-transition:opacity .5s ease-out;
	 -moz-transition:opacity .2s ease-out;
}
.actionImg2 .hover .sub_tit{
	 position:relative;
	 font-size:16px;
	 color:#fff;
	 top:45%;
	 opacity:0;
	 transition:animation 1s ease .2s,opacity .5s ease-out .3s;
	 -webkit-transition:-webkit-animation 1s ease .2s,opacity .5s ease-out .3s;
	 -moz-transition:-moz-animation 1s ease .2s,opacity .5s ease-out .3s;
}
.actionImg2:hover .hover {
	 opacity:1;
}
.actionImg2:hover .hover .sub_tit {
	animation:translateHover .8s .2s;
	-webkit-animation:translateHover .8s .2s;
	-moz-animation:translateHover .8s .2s;
	transform:none;
	 -webkit-transform:none;
	 -moz-transform:none;
	 -ms-transform:none;
	 opacity:1;
}
@keyframes translateHover{
0%{
	 opacity:0;
	 transform:translate3d(0,-20px,0);
	 -webkit-transform:translate3d(0,-20px,0);
	 -moz-transform:translate3d(0,-20px,0);
}
20%{
	 opacity:1;
	 transform:translate3d(0,20px,0);
	 -webkit-transform:translate3d(0,20px,0);
	 -moz-transform:translate3d(0,20px,0);
}
50%{
	 transform:translate3d(0,-10px,0);
	 -webkit-transform:translate3d(0,-10px,0);
	 -moz-transform:translate3d(0,-10px,0);
}
80%{
	 transform:translate3d(0,0px,0);
	 -webkit-transform:translate3d(0,0px,0);
	 -moz-transform:translate3d(0,0px,0);
}
85%,100%{
	 opacity:1;
	 transform:none;
	 -webkit-transform:none;
	 -moz-transform:none;
}}
@-webkit-keyframes translateHover{
0%{
	 opacity:0;
	 transform:translate3d(0,-20px,0);
	 -webkit-transform:translate3d(0,-20px,0);
	 -moz-transform:translate3d(0,-20px,0);
}
20%{
	 opacity:1;
	 transform:translate3d(0,20px,0);
	 -webkit-transform:translate3d(0,20px,0);
	 -moz-transform:translate3d(0,20px,0);
}
50%{
	 transform:translate3d(0,-10px,0);
	 -webkit-transform:translate3d(0,-10px,0);
	 -moz-transform:translate3d(0,-10px,0);
}
80%{
	 transform:translate3d(0,0px,0);
	 -webkit-transform:translate3d(0,0px,0);
	 -moz-transform:translate3d(0,0px,0);
}
85%,100%{
	 opacity:1;
	 transform:none;
	 -webkit-transform:none;
	 -moz-transform:none;
}}