#banner {
    background-image: url('../images/banner.jpg')
}

#content {
    background-image: url('../images/bg1.jpg')
}

ul.game-list > li {
    width: 235px;
    height: 307px;
    margin: 0 6px 20px
}

    ul.game-list > li > .info {
        position: absolute;
        bottom: 0;
        left: 2px;
        right: 2px;
        height: 60px;
        padding: 10px;
        color: #fff;
        font-size: 16px;
        line-height: 40px;
        text-align: right;
        overflow: hidden;
        background: url('../images/info_bg.png');
        -moz-transition: height .4s;
        -o-transition: height .4s;
        -webkit-transition: height .4s;
        transition: height .4s;
        z-index: 2
    }

        ul.game-list > li > .info > span {
            display: block;
            margin-top: 10px;
            color: #fff;
            font-size: 14px;
            text-align: center;
            background-color: #b30e0e;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            line-height: 30px
        }

    ul.game-list > li:hover > .info {
        bottom: 2px;
        height: 133px;
        color: #f9d688
    }

    ul.game-list > li[game-box="more"]:hover:before {
        display: none
    }

    ul.game-list > li[game-box="bb"] {
        background-image: url('../images/photo01.png')
    }

    ul.game-list > li[game-box="ag"] {
        background-image: url('../images/photo02.png')
    }

    ul.game-list > li[game-box="gpi"] {
        background-image: url('../images/photo05.png')
    }

    ul.game-list > li[game-box="evo"] {
        background-image: url('../images/photo07.png')
    }

    ul.game-list > li[game-box="pt"] {
        background-image: url('../images/photo09.png')
    }

    ul.game-list > li[game-box="mg"] {
        background-image: url('../images/photo03.png')
    }

    ul.game-list > li[game-box="ab"] {
        background-image: url('../images/photo06.png')
    }

    ul.game-list > li[game-box="gd"] {
        background-image: url('../images/photo09.png')
    }

    ul.game-list > li[game-box="bg"] {
        background-image: url('../images/photo07.png')
    }

    ul.game-list > li[game-box="sb"] {
        background-image: url('../images/photo10.png')
    }

    ul.game-list > li[game-box="ebet"] {
        background-image: url('../images/ebet.png')
    }

    ul.game-list > li[game-box="og"] {
        background-image: url('../images/og.png')
    }

    ul.game-list > li[game-box="more"] {
        height: 303px;
        margin-top: 3px;
        background-image: url('../images/photo11.png')
    }

    ul.game-list > li > .info:before {
        content: '';
        width: 61px;
        height: 38px;
        float: left;
        background-position: center center;
        background-repeat: no-repeat
    }

    ul.game-list > li[game-box="bb"] > .info:before {
        background-image: url('../images/bb.png')
    }

    ul.game-list > li[game-box="ag"] > .info:before {
        background-image: url('../images/ag.png')
    }

    ul.game-list > li[game-box="mg"] > .info:before {
        background-image: url('../images/mg.png')
    }

    ul.game-list > li[game-box="pt"] > .info:before {
        background-image: url('../images/pt.png')
    }

    ul.game-list > li[game-box="gpi"] > .info:before {
        background-image: url('../images/gpi.png')
    }

    ul.game-list > li[game-box="ab"] > .info:before {
        background-image: url('../images/ab.png')
    }

    ul.game-list > li[game-box="evo"] > .info:before {
        background-image: url('../images/evo.png')
    }

    ul.game-list > li[game-box="bg"] > .info:before {
        background-image: url('../images/bgg.png')
    }

    ul.game-list > li[game-box="gd"] > .info:before {
        background-image: url('../images/gd.png')
    }

    ul.game-list > li[game-box="sb"] > .info:before {
        background-image: url('../images/sb.png')
    }

    ul.game-list > li[game-box="ebet"] > .info:before {
        background-image: url('../images/ebet_icon.png')
    }

    ul.game-list > li[game-box="og"] > .info:before {
        background-image: url('../images/og_icon.png')
    }

.info a{
    color:white;
}