/* .box-v--hot */
.box-v--hot{
    width:298px;
    float:left;
    margin-right:30px;
}
.box-v--hot .item{
    padding-bottom:25px;
}
.box-v--hot .item .img{
    margin-bottom:10px;
    display:block;
}
.box-v--hot .item a{
    color:#333;
    font-size:16px;
    font-weight:bold;
}
.box-v--hot .item img{
    display:block;
    width:100%;
}
.box-v--hot .item .bot{
    overflow:hidden;
    color:#737373;
    font-size:12px;
    padding-top:15px;
    line-height:20px;
}
.box-v--hot .item .date{
    float:left;
}
.box-v--hot .item .bot p{
    float:right;
}
.box-v--hot .item .bot p span{
    float:left;
    margin-right:10px;
    padding-right:14px;
    position:relative;
}
.box-v--hot .item .bot p span:after{
    content:"";
    position:absolute;
    right:0;
    top:4px;
}
.box-v--hot .item .bot .like:after{
    height:10px;
    width:12px;
    background-position:0 -284px;
}
.box-v--hot .item .bot .comment:after{
    height:9px;
    width:12px;
    background-position:0 -218px;
    top:5px;
}
.box-v--hot .item .bot .share:after{
    height:12px;
    width:11px;
    background-position:0 -248px;
}


/* .box-v--posts */
.box-v--posts{
    width:298px;
    float:left;
    margin-right:30px;
}
.box-v--posts .item{
    padding-bottom:20px;
}
.box-v--posts .item .h5{
    padding-bottom:10px;
}
.box-v--posts .item .avatar-v{
    float:left;
    margin:0 10px 10px 0;
}
.box-v--posts .item p{
    padding-bottom:12px;
    font-size:12px;
}


/* .box-v--tweets */
.box-v--tweets{
    width:298px;
    float:left;
}
.box-v--tweets .item{
    overflow:hidden;
    padding-bottom:20px;
}
.box-v--tweets .item img{
    float:left;
}
.box-v--tweets .item p{
    margin-left:60px;
    font-size:12px;
}


.twitter-tweet > a {
    display: block;
}
.twitter-follow-button {
    margin-top: 12px;
}
.box-v--tweets .content {
    height: 607px;
    overflow: hidden;
}

.forum-post-wrapper {
    font-size: 12px;
}

.box-v--tweets .twitter-tweet p {
    margin-left: 0;
}

.l-content--v-index .games .banner .bx-pager-item a,
.l-content--v-index .games .banner .bx-prev,
.l-content--v-index .games .banner .bx-next,
.l-content--v-index .games .banner .desc .action .more:after,
.l-content--v-index .games .infos .top .left p span,
.l-content--v-index .games .infos .top .right .app,
.l-content--v-index .games .infos .top .right .play:after,
.l-content--v-index .games .infos .about .sliders .bx-prev:after,
.l-content--v-index .games .infos .about .sliders .bx-next:after,
.l-content--v-index .games .infos .about .social a,
.box-v--hot .item .bot p span:after,
.box-v--games .content li .others .dotmore,
.box-v--games .content .bx-prev,
.box-v--games .content .bx-next,
.box-v .tabs .bx-prev,
.box-v .tabs .bx-next{
    background:url("/i/v/icons.png") no-repeat 0 0;
}
.l-content--v-index .games .infos .about .preview div,
.l-content--v-index .games .infos .about .sliders .bx-prev,
.l-content--v-index .games .infos .about .sliders .bx-next{
    background:url("/i/v/opacity-bg.png") repeat 0 0;
}

/* index page */
.l-content--v-index{
    margin-top:-29px;
    font-size:14px;
    color:#333;
}
.l-content--v-index .hide{
    display:none;
}
/* .games */
.l-content--v-index .games{
    margin-bottom:35px;
}
.l-content--v-index .games-expand{
    margin-bottom:52px;
}
/* .banner */
.l-content--v-index .games .banner{
    height:472px;
    position:relative;
}
.l-content--v-index .games .banner{
    border-bottom:7px solid #333;
}
.l-content--v-index .games .banner img{
    width:960px;
    height:472px;
}
.l-content--v-index .games .banner .bx-controls{
    display:none;
}
.l-content--v-index .games .banner .bx-pager{
    position:absolute;
    bottom:100px;
    left:0;
    width:960px;
    text-align:center;
}
.l-content--v-index .games .banner .bx-pager-item{
    display:inline-block;
    margin:0 3px 0 4px;
}
.l-content--v-index .games .banner .bx-pager-item a{
    height:13px;
    width:13px;
    overflow:hidden;
    background-position: -94px -209px;
    display:block;
    text-indent:-999px;
    direction:ltr;
}
.l-content--v-index .games .banner .bx-pager-item .active{
    background-position: -94px -176px;
}
.l-content--v-index .games .banner .bx-prev{
    position:absolute;
    left:12px;
    top:170px;
    width:20px;
    overflow:hidden;
    height:32px;
    text-indent:-999px;
    direction:ltr;
}
.l-content--v-index .games .banner .bx-next{
    position:absolute;
    right:12px;
    top:170px;
    width:20px;
    height:32px;
    overflow:hidden;
    text-indent:-999px;
    direction:ltr;
    background-position:0 -60px;
}
.l-content--v-index .games .banner .desc{
    background:url("/i/v/banner-bg.png") no-repeat 0 0;
    overflow:hidden;
    position:absolute;
    bottom:0;
    left:0;
    width:940px;
}
.l-content--v-index .games .banner .desc{
    padding:10px;
}
.l-content--v-index .games .banner .desc dl{
    float:left;
    line-height:20px;
}
.l-content--v-index .games .banner .desc dl{
    padding:0 10px;
}
.l-content--v-index .games .banner .desc dt{
    font-size:31px;
    color:#000;
    line-height:36px;
}
.l-content--v-index .games .banner .desc .action{
    float:right;
    width:106px;
}
.l-content--v-index .games .banner .desc .action a{
    display:block;
    margin-top:20px;
    background:#339900;
    color:#fff;
    text-align:center;
    line-height:32px;
    height:32px;
    text-decoration:none;
    font-family: 'BebasRegular';
    word-spacing:1px;
    letter-spacing: -0.2px;
}
.l-content--v-index .games .banner .desc .action a:hover{
    background:#297503;
}
.l-content--v-index .games .banner .desc .action .more{
    background:#333;
    position:relative;
    padding-right:12px;
    line-height:36px;
}
.l-content--v-index .games .banner .desc .action .more:hover{
    background:#333;
    color:#339900;
}
.l-content--v-index .games .banner .desc .action .more:after{
    content:"";
    background-position:-147px -49px;
    height:5px;
    width:9px;
    right:12px;
    top:16px;
    position:absolute;
}
.l-content--v-index .games-expand .banner .desc .action .more:after{
    background-position:  -147px -9px;
}
/* end .banner */
/* .infos */
.l-content--v-index .games .infos{
    background:#333;
    padding:40px 20px 20px 28px;
    color:#fff;
    line-height:24px;
    display:none;
    min-height:300px;
}
.l-content--v-index .games .infos-loading{
    background:url("/i/loading.gif") #333 no-repeat center center;
}
.l-content--v-index .games-expand .infos{
    display:block;
}
/* .top */
.l-content--v-index .games .infos .top{
    overflow:hidden;
    padding-bottom:42px;
}
.l-content--v-index .games .infos .top .left{
    float:left;
    position:relative;
    width:472px;
}
.l-content--v-index .games .infos .top .left{
    padding-left:115px;
}
.l-content--v-index .games .infos .top .left img{
    height:63px;
    width:102px;
    position:absolute;
    left:0;
    top:0;
}
.l-content--v-index .games .infos .top .left .h2{
    font-size:43px;
    font-weight:normal;
    line-height:44px;
    margin-top:-4px;
    padding-bottom:2px;
}
.l-content--v-index .games .infos .top .left p{
    overflow:hidden;
}
.l-content--v-index .games .infos .top .left p span{
    background-position:0 -316px;
    float:left;
    margin-right:8px;
    height:20px;
    width:20px;
}
.l-content--v-index .games .infos .top .left p .on{
    background-position:0 -358px;
}
.l-content--v-index .games .infos .top .right{
    float:right;
    overflow:hidden;
}
.l-content--v-index .games .infos .top .right .app{
    background-position:-2px -526px;
    height:46px;
    width:147px;
    display:block;
    float:left;
}
.l-content--v-index .games .infos .top .right .play{
    background:#339900;
    line-height:46px;
    position:relative;
    font-size:20px;
    color:#fff;
    text-decoration:none;
    text-align:center;
    width:117px;
    float:left;
    margin-left:15px;
}
.l-content--v-index .games .infos .top .right .play{
    padding-right:30px;
}
.l-content--v-index .games .infos .top .right .play:hover{
    background:#297503;
}
.l-content--v-index .games .infos .top .right .play:after{
    content:"";
    background-position:-2px -463px;
    height:24px;
    width:24px;
    right:14px;
    top:11px;
    position:absolute;
}
/* end .top */
/* .about */
.l-content--v-index .games .infos .about{
    padding-bottom:40px;
}
.l-content--v-index .games .infos .about .h4{
    padding-bottom:3px;
    font-size:16px;
    font-weight:bold;
}
.l-content--v-index .games .infos .about .sliders{
    padding-top:14px;
    overflow:hidden;
}
.l-content--v-index .games .infos .about .preview{
    width:710px;
    height:234px;
    position:relative;
    float:left;
    margin-right:6px;
}
.l-content--v-index .games .infos .about .preview img{
    width:710px;
    height:234px;
    display:block;
}
.l-content--v-index .games .infos .about .preview div{
    padding:2px 15px 6px;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
}
.l-content--v-index .games .infos .about .sliders .bx-wrapper{
    width:192px;
    float:left;
    position:relative;
}
.l-content--v-index .games .infos .about .sliders li{
    height:53px;
    margin-bottom:7px;
    width:192px;
    cursor:pointer;
}
.l-content--v-index .games .infos .about .sliders li img{
    width:192px;
    height:53px;
}
.l-content--v-index .games .infos .about .sliders .bx-prev,
.l-content--v-index .games .infos .about .sliders .bx-next{
    height:22px;
    position:absolute;
    left:0;
    width:192px;
    top:0;
    overflow:hidden;
    text-indent:-999px;
    direction:ltr;
}
.l-content--v-index .games .infos .about .sliders .bx-next{
    top:auto;
    bottom:0;
}
.l-content--v-index .games .infos .about .sliders .bx-prev:after,
.l-content--v-index .games .infos .about .sliders .bx-next:after{
    background-position:-89px -136px;
    height:13px;
    width:24px;
    left:50%;
    top:50%;
    content:"";
    margin:-6px 0 0 -12px;
    position:absolute;
}
.l-content--v-index .games .infos .about .sliders .bx-next:after{
    background-position:-89px -98px;
}
.l-content--v-index .games .infos .about .social{
    width:710px;
    clear:both;
    height: 39px;
    font-size:12px;
}
.l-content--v-index .games .infos .about .social{
    padding:15px 0 0 4px;
}
.l-content--v-index .games .infos .about .social a{
    background-position:-2px -463px;
    height:23px;
    width:63px;
    float:left;
}
.l-content--v-index .games .infos .about .social .left{
    float:left;
    color:#b3b3b3;
}
.l-content--v-index .games .infos .about .social .right{
    float:right;
}
.l-content--v-index .games .infos .about .social .right a{
    margin-left:10px;
}
.l-content--v-index .games .infos .about .social .fb-like{
    width:53px;
    background-position:-89px -352px;
    margin-right:8px;
}
.l-content--v-index .games .infos .about .social .fb-share{
    background-position:-89px -304px;
}
.l-content--v-index .games .infos .about .social .tw{
    background-position:-89px -253px;
}
.l-content--v-index .games .infos .about .social .gp{
    background-position:-89px -410px;
}
/* end .about */
/* .how */
.l-content--v-index .games .infos .how{
    padding-bottom:45px;
}
.l-content--v-index .games .infos .how .h4{
    padding-bottom:3px;
    font-size:16px;
    font-weight:bold;
}
.l-content--v-index .games .infos .how p{
    padding-bottom:20px;
}
.l-content--v-index .games .infos .how .more{
    text-align:center;
    font-size:16px;
}
/* end .how */
/* .box */
.l-content--v-index .games .infos .box{
    padding-bottom:16px;
    border:0;
    width:412px;
    float:left;
    font-size:13px;
    line-height:20px;
}
.l-content--v-index .games .infos .box-left{
    margin-right:60px;
}
.l-content--v-index .games .infos .box .h3{
    line-height:46px;
    padding:0 15px;
    background:#339900;
    margin-bottom:10px;
    font-weight:bold;
    text-transform:uppercase;
}
.l-content--v-index .games .infos .box p{
    padding-bottom:20px;
}
.l-content--v-index .games .infos .box-tips p{
    padding-bottom:8px;
}
.l-content--v-index .games .infos .box img{
    float:left;
    margin:5px 20px 10px 0;
}
.l-content--v-index .games .infos .box .more{
    text-align:center;
}
/* end .box */
/* .bottom */
.l-content--v-index .games .infos .bottom{
    clear:both;
    padding-top:40px;
    font-size:12px;
    background:url("/i/v/shadow.png") no-repeat center 0;
}
/* end .bottom */
/* end .infos */
/* end .games */

/* .box-v--games */
.box-v--games .content{
    overflow:hidden;
    height:auto;
    padding:20px 18px;
    font-size:12px;
}
.box-v--games .content li{
    width:166px;
    float:left;
}
.box-v--games .content li .img{
    display:block;
}
.box-v--games .content li img{
    width:166px;
    height:123px;
    display:block;
}
.box-v--games .content li .title{
    overflow:hidden;
    padding-top:8px;
    color:#212121;
}
.box-v--games .content li .title a{
    font-size:14px;
    font-weight:bold;
}
.box-v--games .content li .title span{
    font-size:13px;
}
.box-v--games .content li p{
    padding: 4px 0;
}
.box-v--games .content li .point-label,
.box-v--games .content li .rank-label{
    color:#fff;
    width:68px;
    background:#fb8a36;
    line-height:22px;
    -webkit-border-radius:2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.box-v--games .content li .point-label,
.box-v--games .content li .rank-label{
    padding:0 6px;
}
.box-v--games .content li .rank-label{
    background:#434343;
}
.box-v--games .content li .others{
    overflow:hidden;
    padding-top:8px;
}
.box-v--games .content li .others img{
    float:left;
    height:28px;
    width:28px;
    margin-right:5px;
}
.box-v--games .content li .others .dotmore{
    background-position:0 -410px;
    height:28px;
    width:28px;
    float:left;
}
.box-v--games .content .bx-wrapper{
    position:relative;
}
.box-v--games .content .bx-prev,
.box-v--games .content .bx-next{
    position:absolute;
    right:5px;
    top:46px;
    height:24px;
    width:15px;
    background-position:-94px 0;
    overflow:hidden;
    text-indent:-999px;
    direction:ltr;
}
.box-v--games .content .bx-prev{
    background-position:-94px -49px;
    right:auto;
    top:50px;
    left:5px;
}
/* .box-v--activity */
.box-v--activity{
    font-size:12px;
}
.box-v--activity table{
    width:100%;
}
.box-v--activity .content{
    height:380px;
}
.box-v--activity td{
    padding:15px 15px 15px 5px;
    overflow:hidden;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
}
.box-v--activity .first-tr td{
    border-top:0;
}
.box-v--activity .first{
    border-left:0;
}
.box-v--activity table .img{
    width:72px;
    text-align:center;
    float:left;
}
.box-v--activity table img{
    max-width:70px;
}
.box-v--activity table p{
    margin-left:72px;
    padding-top:2px;
}
.box-v--activity table p span{
    color:#9f9f9f;
    display:block;
    padding-top:2px;
}
/* box-v--achievements */
.box-v--achievements{
    width:465px;
    float:left;
}
.box-v--achievements .content{
    height:398px;
}
.box-v--achievements .item{
    overflow:hidden;
    border-top:0;
    padding:17px 15px 18px;
}
.box-v--achievements .item .img{
    width:72px;
    text-align:center;
    float:left;
}
.box-v--achievements .item img{
    max-width:70px;
}
.box-v--achievements .item p{
    margin-left:72px;
    padding-top:2px;
    font-size:12px;
}
.box-v--achievements .item p span{
    color:#9f9f9f;
    display:block;
    padding-top:2px;
}
/* .box-v--leadboard */
.box-v--leadboard{
    width:465px;
    float:left;
}
.box-v .tabs{
    color:#fff;
    height:38px;
    line-height:38px;
    overflow:hidden;
    background:#4b4b4b;
    font-size:12px;
    padding:0 17px;
    position:relative;
    text-transform:uppercase;
}
.box-v .tabs li{
    width:86px;
    float:left;
    text-align:center;
}
.box-v .tabs li a{
    color:#fff;
    display:block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.box-v .tabs li a:hover,
.box-v .tabs li a.on{
    background:#3c3c3c;
    text-decoration:none;
}
.box-v .tabs .bx-prev,
.box-v .tabs .bx-next{
    position:absolute;
    left:5px;
    top:12px;
    background-position:-6px -176px;
    height:13px;
    width:7px;
    overflow:hidden;
    text-indent:-999px;
    direction:ltr;
}
.box-v .tabs .bx-next{
    right:5px;
    left:auto;
    background-position: -10px -136px;
}
.box-v--leadboard .tb-header{
    height:38px;
    line-height:38px;
    background:#dbdada;
    color:#1e1e1e;
}
.box-v--leadboard .tb-header .col1{
    width:76px;
}
.box-v--leadboard .tb-header .col2{
    width:127px;
}
.box-v--leadboard .tb-header .col1,
.box-v--leadboard .tb-header .col2,
.box-v--leadboard .tb-header .col3{
    padding-left:45px;
    float:left;
}
.box-v--leadboard .content{
    height:360px;
}
.box-v--leadboard .content table{
    width:100%;
}
.box-v--leadboard .content td{
    padding:8px 0;
    vertical-align:middle;
}
.box-v--leadboard .content .even td{
    background:#f5f5f5;
}
.box-v--leadboard .content table .col1{
    width:71px;
}
.box-v--leadboard .content table .col1{
    padding-left:50px;
}
.box-v--leadboard .content table .col2{
    width:127px;
}
.box-v--leadboard .content table .col2,
.box-v--leadboard .content table .col3{
    padding-left:45px;
}

/* .box-v--awards */
.box-v--awards{
    width:465px;
    float:right;
}
.box-v--awards .tb-header{
    height:38px;
    line-height:38px;
    background:#dbdada;
}
.box-v--awards .tb-header .col1{
    width:175px;
    float:left;
}
.box-v--awards .tb-header .col2{
    width:110px;
    float:left;
}
.box-v--awards .tb-header .col1,
.box-v--awards .tb-header .col2,
.box-v--awards .tb-header .col3{
    padding-left:15px;
}
.box-v--awards .tb-header .col3{
    float:left;
}
.box-v--awards .content{
    height:360px;
}
.box-v--awards .content table{
    width:100%;
}
.box-v--awards .content td{
    vertical-align:middle;
    padding:12px 0;
}
.box-v--awards .content .even td{
    background:#f5f5f5;
}
.box-v--awards .content table .col1{
    text-align:center;
    width:78px;
}
.box-v--awards .content table .col2,
.box-v--awards .content table .col3{
    width:110px;
}
.box-v--awards .content table .col3,
.box-v--awards .content table .col4{
    padding-left:15px;
}

/* box-v--badges */
.box-v--badges{
    width:465px;
    float:right;
}
.box-v--badges .tb-header{
    height:38px;
    line-height:38px;
    background:#dbdada;
}
.box-v--badges .tb-header .col1{
    width:175px;
}
.box-v--badges .tb-header .col1,
.box-v--badges .tb-header .col2{
    padding-left:15px;
    float:left;
}
.box-v--badges .content{
    height:360px;
}
.box-v--badges .content table{
    width:100%;
}
.box-v--badges .content td{
    vertical-align:middle;
    padding:11px 0 12px;
}
.box-v--badges .content img{
    float:left;
    margin-right:12px;
}
.box-v--badges .content .avatar-v{
    float:none;
}
.box-v--badges .content .even td{
    background:#f5f5f5;
}
.box-v--badges .content table .col1{
    text-align:center;
    width:78px;
}
.box-v--badges .content table .col2{
    width:110px;
}
.box-v--badges .content table .col3{
    padding-left:15px;
}
/* end .box-v */

/* l-content--v-achievements */
.l-content--v-achievements{
    font-size:14px;
    color:#333;
}
.l-content--v-achievements .hide{
    display:none;
}
.l-content--v-achievements .box-v--achievements,
.l-content--v-achievements .box-v--badges{
    float:right;
}
.l-content--v-achievements .box-v--awards{
    float:left;
}
/* l-content--v-achievements_top */
.l-content--v-achievements_top{
    height:50px;
    margin-bottom:5px;
}
.l-content--v-achievements_top .h2{
    float:left;
    font-size:25px;
    font-weight:normal;
    line-height:46px;
}
.l-content--v-achievements_top .h2 img{
    height:46px;
    vertical-align:middle;
    margin-right:4px;
}
.l-content--v-achievements_top .show{
    float:right;
    padding-top:8px;
}
.l-content--v-achievements_top .show label{
    float:left;
    line-height:35px;
    padding-right:10px;
}
.l-content--v-achievements_top .show select{
    width:112px;
}
.l-content--v-achievements_top .show .jqTransformSelectWrapper{
    background:url("/i/v/select-left.png") no-repeat 0 0;
    height:35px;
    float:left;
}
.l-content--v-achievements_top .show .jqTransformSelectWrapper .jqTransformSelectOpen{
    background:url("/i/v/select-right.png") no-repeat 0 0;
    height:35px;
    width:31px;
}
.l-content--v-achievements_top .show .jqTransformSelectWrapper div span{
    line-height:35px;
}
/* l-content--v-achievements_top */
.l-content--v-achievements_tabs{
    background:#4b4b4b;
    line-height:45px;
    height:45px;
    font-size:13px;
    margin-bottom:25px;
}
.l-content--v-achievements_tabs a{
    color:#fff;
    float:left;
    margin-right:5px;
    padding:0 15px;
}
.l-content--v-achievements_tabs a:hover,
.l-content--v-achievements_tabs a.on{
    background:#3c3c3c;
    text-decoration:none;
}