#waterfall {
            margin: 10px;
            overflow: hidden;
        }

        #waterfall.min {
            margin: 0;
        }

        #waterfall li {
            /*position: absolute;*/
            left: 0;
            top: 0;
            opacity: 0;
            z-index: 0;
            transform: translateY(100px);
        }

        #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: 13px;
            border-radius: 3px;
            margin: 5px;
            padding: 5px;
            background: rgb(255, 255, 255);
            border: 1px solid rgba(038, 191, 64, 0);
            transition: all 0.5s;
			background:#fff;
			text-align:center;
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        }

        #waterfall li>div:hover {
            transform: translateY(-10px);
            border: 1px solid rgba(222, 222, 222, 1);
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
            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);
        }
	.waterboxtitle{
		bottom:0px;
		background:rgba(0,0,0,1);
		
	}
	.waterboxtitle a{
		color:#fff;
		width:100%;
	}