@charset "utf-8";
/* CSS Document */

/*插件运行的必须样式*/
.waterfall { height:0; position: relative; overflow: hidden;}
.waterfalllist {}
.waterfall ul {}
.waterfall ul li { position: absolute;}
.waterfall ul li a { display: block; position: relative; overflow: hidden; font-size:0;}
.waterfall ul li a .img { display: block; width:100%;}
.waterfall ul li a .wzbox {}
.waterfall ul li a .wzbox .wz1 {}

.fallCol_1 ul li { width:100%; left:0;}
.fallCol_2 ul li { width:50%;}
.fallCol_2 ul li.fallLeft1 { left:0;}
.fallCol_2 ul li.fallLeft2 { right:0;}

.fallCol_3 ul { padding: 0 0.5%;}
.fallCol_3 ul li { width:33%;}
.fallCol_3 ul li.fallLeft1 { left:0.5%;}
.fallCol_3 ul li.fallLeft2 { left:33.5%;}
.fallCol_3 ul li.fallLeft3 { left:67%;}

.fallCol_4 ul li { width:25%;}
.fallCol_4 ul li.fallLeft1 { left:0;}
.fallCol_4 ul li.fallLeft2 { left:25%;}
.fallCol_4 ul li.fallLeft3 { left:50%;}
.fallCol_4 ul li.fallLeft4 { left:75%;}

.fallCol_5 ul li { width:20%;}
.fallCol_5 ul li.fallLeft1 { left:0;}
.fallCol_5 ul li.fallLeft2 { left:20%;}
.fallCol_5 ul li.fallLeft3 { left:40%;}
.fallCol_5 ul li.fallLeft4 { left:60%;}
.fallCol_5 ul li.fallLeft5 { left:80%;}

.fallCol_6 ul { padding: 0 2%;}
.fallCol_6 ul li { width:16%;}
.fallCol_6 ul li.fallLeft1 { left:2%;}
.fallCol_6 ul li.fallLeft2 { left:18%;}
.fallCol_6 ul li.fallLeft3 { left:34%;}
.fallCol_6 ul li.fallLeft4 { left:50%;}
.fallCol_6 ul li.fallLeft5 { left:66%;}
.fallCol_6 ul li.fallLeft6 { left:82%;}


#bxphotolist { display:none; position: fixed; z-index:999; top:0; left:0; width:100%; height:100%; overflow:hidden; background:url(bg.png) repeat;}
#bxphotolist table { table-layout: fixed; height:100%;}
#bxphotolist .bgbox { position: absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
#bxphotolist .topbtnbox { position: absolute; z-index:6; top:-13px; right:-11px;}
#bxphotolist .topbtnbox .inbox { margin: 0 auto;}
#bxphotolist .topbtnbox .close { float: right; color:#FFF; width:40px; height:40px; background-image:url(close.png);}
#bxphotolist .topbtnbox .showall { float: right; color:#ffffff; font-size:24px; line-height:32px; font-family:Corbel;}
#bxphotolist .btnbox { width:100%; height:0; top:0; left:0; position: absolute; top:50%; z-index:6;}
#bxphotolist .btnbox a { display: block; position: absolute; top:-26px; width:27px; height:51px;}
#bxphotolist .btnbox a.prev { left:36px; background-image:url(prev.png);}
#bxphotolist .btnbox a.next { right:36px; background-image:url(next.png);}
#bxphotolist .nrbox { position: relative; z-index:5; margin: 0 auto; border:4px solid #ffffff; background-color:#ffffff;}
#bxphotolist .nrbox .inside { position: relative;/* overflow: hidden;*/ z-index:2; text-align: center;}
#bxphotolist .nrbox .inside .imgbox { position: relative; overflow: hidden; height:0; font-size:0;}
#bxphotolist .nrbox .inside .img { max-width:100%;}
#bxphotolist .nrbox .inside .wzbox { max-width:100%;}
#bxphotolist .nrbox .inside .wzbox .wz1 { color: #ba0000; font-size:18px; line-height:46px; text-align:left;}
/*插件运行的必须样式*/

/*可以进行取舍的动画样式*/
.waterfall ul li {
	opacity:0;
    transition: transform 0.8s, opacity 0.8s;
    -webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
	
	transform: translate(0,20px);	/*将元素向左，向下移动x,y像素*/
	-ms-transform: translate(0,20px);
	-webkit-transform: translate(0,20px);
	-o-transform: translate(0,20px);
	-moz-transform: translate(0,20px);
}
.waterfall ul li.animateshow {
	opacity:1;
	transform: translate(0,0);
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-o-transform: translate(0,0);
	-moz-transform: translate(0,0);
}
/*可以进行取舍的动画样式*/