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

#content {
    background-image: url('../images/live/background.png')
}

#lobby {
    padding: 16px 0 33px;
    background: #0a0c1c
}

ul.game-list > li {
    width: 304px;
    height: 292px;
    margin: 11px;
    color: #a0a0a0;
    border: 2px solid #383d5e;
    -moz-transition: border-color .3s;
    -o-transition: border-color .3s;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

ul.game-list > li[game-box="more"] {
    background: url('../images/live/more.png') no-repeat center top
}

ul.game-list > li:hover {
    color: #ffe8c1;
    border: 2px solid #ffe8c1
}

ul.game-list > li:hover > .photo > span, ul.game-list > li:hover > .photo:before {
    opacity: 1;
    filter: alpha(opacity=100)
}

ul.game-list > li > .logo {
    color: #fff;
    font-size: 17px;
    line-height: 74px
}

ul.game-list > li > .logo:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 50px;
    margin-right: 10px;
    background: no-repeat left center
}

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

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

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

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

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

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

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

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

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

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

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

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

ul.game-list > li[game-box="evo"] > .logo:before {
    background-image: url('../images/live/ds.png')
}
ul.game-list > li[game-box="vr"] > .logo:before {
    background-image: url('../images/live/vr.png');
    width:75px;
}
ul.game-list > li[game-box="hg"] > .logo:before {
    background-image: url('../images/live/hg.png')
}
ul.game-list > li[game-box="hg"] > .photo {
    background-image: url('../images/live/gpi.jpg')
}
ul.game-list > li[game-box="ibo"] > .logo:before {
    background-image: url('../images/live/ibo.png')
}

ul.game-list > li > .photo {
    position: relative;
    width: 280px;
    height: 160px;
    margin: 0 auto;
    padding: 38px 0;
    border: 1px solid #383d5e;
    background: no-repeat center top
}

ul.game-list > li > .photo:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    background: url('../images/live/hover_bg.png') no-repeat center;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

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

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

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

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

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

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

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

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

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

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

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

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

ul.game-list > li[game-box="sa"] > .photo {
    background-image: url('../images/live/sa.jpg')
}

ul.game-list > li[game-box="evo"] > .photo {
    background-image: url('../images/live/evo.jpg')
}
ul.game-list > li[game-box="vr"] > .photo {
    background-image: url('../images/live/vr.jpg')
}
ul.game-list > li > .photo > span {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 auto;
    width: 158px;
    color: #000;
    font-size: 14px;
    line-height: 34px;
    background: #ffe8c1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

ul.game-list > li > .photo > span + span {
    margin-top: 14px
}

ul.game-list > li > .photo > .play-btn:before {
    content: '进入游戏'
}

ul.game-list > li > .photo > .free-btn:before {
    content: '免费试玩'
}

ul.game-list > li > .photo > span:hover {
    color: #fff;
    background: #09f
}

ul.game-list > li > p {
    margin: 0;
    color: inherit;
    font-size: 12px;
    text-align: center;
    line-height: 52px
}