body {
    font-family: "Microsoft YaHei";
    background: url(../images/character/bg.jpg) center top no-repeat;
}

ul {
    list-style: none outside none;
}

.content {
    position: relative;
    width: 1280px;
    height: 1024px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/character/main.jpg) center no-repeat;
}

.main {
    position: relative;
    z-index: 2;
    width: 1280px;
    height: 1024px;
}

.guide {
    float: left;
    display:inline;
    margin-top: 133px;
    margin-left: 26px;
}

.guide a {
    display: block;
    width: 192px;
    height: 69px;
}

.center {
    float: left;
}

.focus {
    margin-top: 10px;
    margin-left: 578px;
    width: 188px;
    height: 30px;
}

.focus p {
    float: left;
    color: #f378bd;
    font-size: 15px;
    line-height: 30px;
}

.focus ul {
    float: left;
}

.focus li {
    float: left;
    display: inline;
    margin-right: 7px;
    width: 30px;
    height: 30px;
}

.focus a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

.code_pic {
    position: relative;
    margin-top: 4px;
    margin-left: 623px;
    width: 143px;
    height: 138px;
    z-index: 3;
}

.code_pic img {
    position: relative;
}

.play {
    margin-top: -100px;
    margin-left: 550px;
    width: 121px;
    height: 119px;
    overflow: hidden;
    /*background: url(../images/play_btn_24.png) center no-repeat;*/
    /*_background: url(../images/play_btn_8.png) center no-repeat;*/
}

/*.play a {*/
    /*display: block;*/
    /*margin-top: 10px;*/
    /*margin-left: 10px;*/
    /*width: 108px;*/
    /*height: 108px;*/
    /*border-radius: 100%;*/
/*}*/

/*.play a:active {*/
    /*background: url(../images/play_active_24.png) center no-repeat;*/
    /*_background: url(../images/play_active_8.png) center no-repeat;*/
/*}*/

.heads {
    float: left;
    display: inline;
    height: 656px;
    overflow: hidden;
    margin-top: 54px;
    margin-left: 186px;
    background: url(../images/character/heads.jpg) top no-repeat;
}

.heads li {
    margin-bottom: 3px;
}

.heads a {
    display: block;
    width: 91px;
    height: 91px;
    border-radius: 100%;
}

.pic_show {
    position: absolute;
    top: 195px;
    left: 140px;
    z-index: 1;
    width: 1013px;
    height: 829px;
    background: url(../images/character/ch_0.jpg) right bottom no-repeat;
}

.hidden {
    display: none;
}

.pic_show p {
    margin-top: 363px;
    margin-left: 515px;
    width: 450px;
    color: #81511c;
    font-size: 15px;
    line-height: 26px;
}

.foot .footer {
    margin-top: 0px;
}