/*========wulina add on 19.june.2014=========*/
body {
    margin: 0px auto;
    padding: 0px;
    font-family: "微软雅黑", Arial;
    font-size: 12px;
    line-height: normal;
    background-color: #fff;
    line-height: 18px;
    color: #333;
    background-repeat: repeat-x;
    background-image: url(/VS2/images/warpbg.gif);
    background-position: top;

}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.autoHeight {
    font: 0px/0px sans-serif;
    clear: both;
    display: block;
}

.font14 {
    font-size: 14px;
}

.fc333 {
    color: #333;
}

.fcc00 {
    color: #c00;
}

    .fcc00 a {
        color: #c00;
        text-decoration: none;
    }

        .fcc00 a:hover {
            color: #c00;
            text-decoration: underline;
        }

.fc666 {
    color: #666;
}

    .fc666 a {
        color: #666;
        text-decoration: none;
    }

        .fc666 a:hover {
            color: red;
            text-decoration: none;
        }

.fcred {
    color: #cc0000;
}

a {
    color: #333;
    text-decoration: none;
}

    a:hover {
        color: #c00;
        text-decoration: none;
    }


/*==========================顶部区域代码============================*/
#warp {
    width: 1000px;
    margin: 0px auto;
    padding: 0px;
}

.top {
    width: 1000px;
    float: left;
    height: 32px;
    line-height: 32px;
    color: #666;
}

    .top a {
        color: #666;
        text-decoration;
    }

        .top a:hover {
            color: #c00;
            text-decoration;
        }

.top_lft {
    float: left;
    width: 300px;
    height: 32px;
}

.top_rht {
    float: right;
    width: 360px;
    height: 32px;
}

.top_lft li {
    float: left;
    margin-right: 10px;
}

.top_rht li {
    float: left;
    margin-left: 10px;
}

.top_lft li.home {
    background-image: url(/VS2/images/home.gif);
    background-repeat: no-repeat;
    background-position: 0px 9px;
    padding-left: 18px;
}

.top_lft li.collect {
    background-image: url(/VS2/images/collect.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    padding-left: 18px;
    margin-left: 6px;
}

.top_rht li.line {
    color: #e6e6e6;
}

.top_rht li img {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 6px;
}

.hearder {
    width: 1000px;
    padding-top: 25px;
    height: 85px;
    float: left;
    font-family: "微软雅黑";
    font-size: 14px;
}

.logo {
    float: left;
    margin-top: 11px;
    width: 155px;
    height: 75px;
}

.search {
    width: 556px;
    float: left;
    height: 75px;
    margin-left: 54px;
}

.search01, .search02 {
    float: left;
    width: 556px;
}

.search01 {
    height: 26px;
    color: #999;
}

    .search01 li {
        float: left;
        margin-right: 30px;
    }

        .search01 li a {
            color: #999;
            text-decoration: none;
        }

            .search01 li a:hover {
                color: #333;
                text-decoration: none;
            }

.search02 {
    width: 556px;
    height: 40px;
    margin-top: 1px;
    background: #FFF;
}

.search02text {
    width: 474px;
    padding-left: 10px;
    border: 1px solid #d7d7d7;
    height: 38px;
    float: left;
}

    .search02text input {
        border: none;
        width: 470px;
        height: 36px;
        line-height: 34px;
        outline: 0;
        font-size: 16px;
    }

.search02icon {
    float: left;
}

    .search02icon a {
        width: 54px;
        padding-left: 16px;
        height: 40px;
        background: #cc0000;
        color: #fff;
        display: block;
        line-height: 40px;
    }

        .search02icon a:hover {
            width: 54px;
            padding-left: 16px;
            height: 40px;
            background: #e00000;
            color: #fff;
            display: block;
            line-height: 40px;
        }

.about {
    float: left;
    width: 58px;
    height: 70px;
    margin-left: 45px;
    margin-top: 11px;
    color: #2d77b8;
}

.flft20 {
    margin-left: 72px;
}

.about li {
    float: left;
    width: 58px;
    line-height: 20px;
}

    .about li a {
        color: #2d77b8;
        text-decoration: none;
    }

        .about li a:hover {
            color: #cc0000;
            text-decoration: none;
        }

    .about li img {
        margin-left: 7px;
    }

.ad {
    float: left;
    width: 1000px;
    margin: 12px 0px;
}

.discrb {
    width: 1000px;
    line-height: 30px;
    float: left;
    overflow: hidden;
}

    .discrb li {
        float: left;
        margin-right: 18px;
        display: block;
    }

        .discrb li.line {
            color: #e0e0e0;
        }

.sort {
    float: left;
    width: 1000px;
    margin-top: 15px;
}

.stitle {
    font-family: "微软雅黑";
    font-size: 16px;
    float: left;
    width: 1000px;
    height: 33px;
    line-height: 33px;
    color: #115691;
}

.fcblue {
    color: #115691;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
}

    .stitle a, .newstext li.espnew a, .newspctext ul.news li.title a, .fcblue a, .tabnewstitle li.title a, .weibo span a, .luntantext02_news li.title a {
        color: #115691;
        text-decoration: none;
overflow: hidden;
    }

        .stitle a:hover, .newstext li.espnew a:hover, .newspctext ul.news li.title a:hover, .fcblue a:hover, ..tabnewstitle li.title a:hover, .weibo span a:hover, .luntantext02_news li.title a:hover {
            color: #d70000;
            text-decoration: none;
        }

.stitle li {
    float: left;
    margin-right: 22px;
}

    .stitle li.redsort {
        color: #c00;
    }

        .stitle li.redsort a {
            color: #c00;
            text-decoration: none;
        }

            .stitle li.redsort a:hover {
                color: #d70000;
                text-decoration: none;
            }

.stxt {
    float: left;
    width: 993px;
    border: 1px solid #e0e0e0;
    border-top: 2px solid #346699;
    color: #333;
    padding-left: 5px;
    padding-top: 4px;
word-wrap:break-word ;
}

    .stxt ul {
        width: 196px;
            padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
        float: left;
    }

        .stxt ul.wid180 {
            width: 196px;
             padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
            float: left;
        }

        .stxt ul.wid170 {
            width: 170px;
            padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
            float: left;
        }

    .stxt li {
        line-height: 22px;
        display: block;
        float: left;
        margin-right: 12px;
        word-wrap: break-word;
    }

        .stxt li.title {
            color: #333;
            font-size: 26px;
            font-size: 12px;
            line-height: 22px;
            font-weight: bold;
        }

.headlines {
    width: 1000px;
    margin: 4px 0px 18px 0px;
    height: 111px;
    padding-top: 12px;
    float: left;
    background-image: url(/VS2/images/headlinesbg.gif);
    background-repeat: no-repeat;
}

    .headlines li {
        font-size: 14px;
        line-height: 26px;
    }

        .headlines li, .headlines li.title {
            float: left;
            width: 940px;
            padding: 0px 30px;
        }

            .headlines li.title {
                color: #c00;
                line-height: 40px;
                font-size: 34px;
                margin-bottom: 4px;
                text-align: center;
            }

                .headlines li.title a {
                    color: #c00;
                    text-decoration: none;
                }


.layout {
    float: left;
    width: 1000px;
    margin: 0px 0px 14px 0px;
}

.layout, .hotimages {
    float: left;
    width: 1000px;
    margin: 0px 0px 14px 0px;
}

    .hotimages ul {
        margin-top: 18px;
    }

    .hotimages li {
        float: left;
        margin-right: 3.6px;
    }

        .hotimages li.nopitch {
            float: left;
            margin: 0px;
        }

.news330 {
    float: left;
    width: 330px;
    margin-right: 20px;
}

.news300 {
    float: left;
    width: 300px;
}

.newspc {
    float: left;
    width: 680px;
    margin-right: 20px;
}

.newspctext {
    float: left;
    width: 680px;
    margin-top: 18px;
}

    .newspctext ul {
        width: 165px;
        float: left;
    }

    .newspctext li {
        width: 165px;
        float: left;
        text-align: center;
    }

.marht {
    margin-right: 6px;
}

.newspctext ul.news {
    width: 500px;
    margin-left: 14px;
    float: left;
}

    .newspctext ul.news li {
        line-height: 20px;
        float: left;
    }

        .newspctext ul.news li.sort {
            float: left;
            background-image: url(/VS2/images/sortbg.gif);
            background-repeat: no-repeat;
            height: 20px;
            width: 58px;
            margin: 0px;
            color: #FFF;
        }

        .newspctext ul.news li.sort2 {
            float: left;
            background-image: url(/VS2/images/sortbgblue.gif);
            background-repeat: no-repeat;
            height: 20px;
            width: 58px;
            margin: 0px;
            color: #FFF;
        }

        .newspctext ul.news li.title {
            color: #115691;
            font-size: 14px;
            font-weight: bold;
            margin-left: 10px;
            width: 430px;
            text-align: left;
        }

.martop10 {
    margin-top: 10px;
}

.martop15 {
    margin-top: 15px;
}

.newspctext li {
    float: left;
}

.wid330 {
    width: 330px;
}

.wid680 {
    width: 680px;
}

.wid300 {
    width: 300px;
}

.wid1000 {
    width: 1000px;
}

.newstitle, .tabnewstitle {
    color: #115691;
    border-bottom: 1px solid #7a7a7a;
    font-size: 16px;
    font-weight: bold;
    font-family: "微软雅黑",Arial, Helvetica, sans-serif;
    float: left;
    height: 28px;
    padding-top: 0px;
}

.tabNewsContent {
    height: 725px;
}

.newstext {
    float: left;
}

    .newstext li {
        float: left;
        line-height: 26px;
        background-image: url(/VS2/images/new_drop.gif);
        background-position: 0px 12px;
        background-repeat: no-repeat;
        padding-left: 10px;
        width: 100%;
    }

.newstext_wid300 li {
    width: 285px;
    float: left;
}

.newstext li span {
    color: #115691;
}

.newstext li.espnew {
    float: left;
    background: none;
    font-size: 14px;
    color: #115691;
    height: 48px;
    line-height: 48px;
    font-weight: bold;
    text-align: center;
    padding-left: 0px;
}

.more {
    font-size: 12px;
    color: #999;
    font-weight: normal;
}

    .more a {
        font-size: 12px;
        color: #999;
        text-decoration: none;
        font-weight: normal;
    }

        .more a:hover {
            font-size: 12px;
            color: #c00;
            text-decoration: none;
            font-weight: normal;
        }

.weibo {
    width: 300px;
    height: 30px;
    float: left;
    margin: 0px;
    padding: 0px;
}

    .weibo span {
        color: #075691;
    }
/*========================原文区域==============*/
.tabnewstitle {
    width: 680px;
}

    .tabnewstitle li {
        float: left;
        font-size: 16px;
        color: #222;
        font-weight: normal;
        width: 92px;
        text-align: center;
    }

        .tabnewstitle li a {
            float: left;
            margin-right: 2px;
            font-size: 16px;
            color: #222;
            font-weight: normal;
            text-decoration: none;
            height: 33px;
            width: 92px;
            text-align: center;
        }

            .tabnewstitle li a:hover {
                float: left;
                margin-right: 2px;
                font-size: 16px;
                color: #115691;
                font-weight: normal;
                text-decoration: none;
                background-image: url(/VS2/images/yw_line2.gif);
                background-repeat: no-repeat;
                background-position: 0px -4px;
                height: 33px;
                width: 92px;
                text-align: center;
            }

        .tabnewstitle li.title {
            color: #115691;
            font-weight: bold;
            font-family: "微软雅黑";
            background-image: url(/VS2/images/yw_line.gif);
            background-repeat: no-repeat;
            background-position: 0px -4px;
            height: 33px;
            width: 43px;
        }

.weibobg {
    background-repeat: no-repeat;
    background-position: 0px 35px;
    height: 30px;
    border: none;
}

.editer {
    color: #222;
    font-weight: normal;
}

    .editer a {
        color: #222;
        text-decoration: none;
    }

        .editer a:hover {
            color: #c00;
            text-decoration: none;
        }
/*========================论坛区域==============*/
.luntantext {
    width: 680px;
    float: left;
}

.luntantext01, .luntantext02, .luntantext01_title, .luntantext02_news, .luntantext02_news li {
    width: 330px;
    float: left;
}

.luntantext02 {
    margin-left: 20px;
}

.luntantext01_title {
    color: #115691;
    font-size: 16px;
    width: 330px;
    height: 30px;
    margin-top: 10px;
    background-image: url(/VS2/images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 70px 5px;
}

.luntantext02_news li {
    line-height: 20px;
}

    .luntantext02_news li.title {
width:320px;
height: 33px;
overflow: hidden;       
 font-size: 14px;
        font-weight: bold;
        color: #115691;
        line-height: 33px;

    }

.apptitle {
    color: #115691;
    font-size: 16px;
    width: 300px;
    height: 30px;
    margin-top: 10px;
    background-image: url(/VS2/images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 70px 5px;
}

.apptext {
    width: 298px;
    float: left;
    border: 1px solid #e1e1e1;
}

    .apptext ul {
        width: 278px;
        float: left;
        padding: 4px 10px;
    }

    .apptext li {
        line-height: 26px;
        width: 278px;
    }

        .apptext li.tenxun {
            background-image: url(/VS2/images/app_01.gif);
            background-repeat: no-repeat;
            background-position: 0px 2px;
            padding-left: 26px;
            width: -26px;
        }

        .apptext li.xunlei {
            background-image: url(/VS2/images/app_02.gif);
            background-repeat: no-repeat;
            background-position: 0px 2px;
            padding-left: 26px;
            width: -26px;
        }

        .apptext li.itools {
            background-image: url(/VS2/images/app_03.gif);
            background-repeat: no-repeat;
            background-position: 0px 2px;
            padding-left: 26px;
            width: -26px;
        }

        .apptext li.pp {
            background-image: url(/VS2/images/app_04.gif);
            background-repeat: no-repeat;
            background-position: 0px 2px;
            padding-left: 26px;
            width: -26px;
        }
/*========================底部区域==============*/
.links {
    background: #f8f8f8;
    min-height: 159px;
    padding: 8px 15px;
    width: 970px;
}

.links_title {
    height: 38px;
    line-height: 38px;
    float: left;
    border-bottom: 1px solid #dadada;
    font-size: 16px;
    width: 970px;
    font-family: "微软雅黑";
}

.hide_link {
    display: none;
}

.links_text {
    float: left;
    width: 970px;
    margin: 8px 0px;
}

.hide_link.links_text li {
    width: initial;
}

.links_text li {
    float: left;
    line-height: 22px;
    padding: 0px 3px;
    margin-right: 1.2px;
}

    .links_text li a {
        color: #000;
        padding: 2px 3px;
        text-decoration: none;
    }

        .links_text li a:hover {
            color: #fff;
            background: #c00;
        }

.footer {
    width: 100%;
    margin-top: 10px;
    height: 136px;
    float: left;
    padding: 30px 0px;
    background-image: url(/VS2/images/footerbg.gif);
    background-repeat: repeat-x;
    display: block;
    background-position: center center;
}

.ftmian {
    width: 1000px;
    height: 134px;
    display: block;
    font-size: 14px;
    color: #666;
    margin: 0px auto;
}

    .ftmian ul, .ftmian ul.logo, .ftmian ul.logo li {
        float: left;
    }

    .ftmian ul {
        padding: 0px;
        margin: 0px;
    }

        .ftmian ul.logo {
            height: 124px;
            padding-top: 10px;
            width: 177px;
            padding-right: 30px;
            border-right: 1px solid #eaeaea;
        }

            .ftmian ul.logo li {
                margin-bottom: 6px;
                width: 177px;
                text-align: center;
            }

        .ftmian ul.ftext {
            float: left;
            padding-left: 40px;
            line-height: 30px;
            padding-top: 22px;
        }

        .ftmian ul.fimg {
            border-left: 1px solid #eaeaea;
            padding-left: 10px;
            height: 116px;
            padding-top: 18px;
            margin-left: 30px;
        }

            .ftmian ul.fimg li {
                margin-bottom: 5px;
            }

#warp .layout .news300 .weibo table tr td {
    color: #075691;
}
/*=======================CSS pcnews==============*/
.top_lft2 {
    float: left;
    width: 500px;
    height: 32px;
}

    .top_lft2 li {
        float: left;
        padding-right: 20px;
    }

.subnav {
    height: 32px;
    line-height: 32px;
    background: #4878ae;
    width: 1000px;
    float: left;
}

    .subnav li {
        float: left;
        color: #FFF;
        margin: 0px 10px;
        margin-right: 20px;
        padding-right: 12px;
        background-image: url(/VS2/images/subnav_arrow.gif);
        background-repeat: no-repeat;
        background-position: right center;
    }

.breadcrumb {
    height: 30px;
    line-height: 30px;
    margin-top: 6px;
    width: 1000px;
    float: left;
    margin: 0px;
    margin-top: 4px;
}

    .breadcrumb li {
        float: left;
        margin: 0px 3px;
    }

        .breadcrumb li span {
            color: #316498;
        }

            .breadcrumb li span a {
                color: #316498;
                text-decoration: none;
            }

                .breadcrumb li span a:hover {
                    color: #c00;
                    text-decoration: none;
                }

.pcmain {
    width: 100%;
    border-top: 1px solid #dddddf;
    background: #fff;
    padding: 10px 0px;
    clear: both;
}

.pcmian1000 {
    width: 1000px;
    padding-top: 34px;
    margin: 0px auto;
}

.pcmian_lft {
    width: 639px;
    padding-right: 30px;
    border-right: 1px solid #dddddf;
    float: left;
    text-align: left;
    display: block;
}

.pcmian_rht {
    width: 300px;
    margin-left: 20px;
    float: left;
    display: block;
}

.subnewstitle {
    border-bottom: 1px solid #d4d4d4;
    border-top: 2px solid #4d98d0;
    font-size: 16px;
    font-weight: bold;
    font-family: "微软雅黑",Arial, Helvetica, sans-serif;
    float: left;
    height: 38px;
    line-height: 38px;
    width: 300px;
    float: left;
}

.martop30 {
    margin-top: 30px;
}

.subad {
    width: 300px;
    float: left;
    margin-top: 10px;
}

.subfooter {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #ececec;
    background: #f7f7f7;
    float: left;
    padding: 22px 0px;
    display: block;
    background-position: center center;
}

.subftmian {
    width: 1000px;
    display: block;
    font-size: 12px;
    color: #666;
    margin: 0px auto;
    text-align: center;
    line-height: 24px;
}
/*=======================CSS search==============*/

.subsearchwarp {
    width: 1000px;
    padding-top: 4px;
    margin: 0px auto;
    margin-bottom: 20px;
}

.search_title {
    width: 990px;
    height: 32px;
    padding-left: 10px;
    line-height: 32px;
    font-size: 14px;
    border: 1px solid #c7d9ef;
}

    .search_title span {
        color: #c00;
    }

.search_result {
    width: 998px;
    padding: 20px 0px;
    margin-top: 15px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    background-image: url(/VS2/images/subsearchbg.gif);
    background-repeat: repeat-y;
    margin-bottom: 30px;
}
/*CSS quotes style pagination*/

DIV.quotes {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN: 3px;
    PADDING-TOP: 3px;
    TEXT-ALIGN: center;
}

    DIV.quotes A {
        BORDER: #d7d7d7 1px solid;
        PADDING-RIGHT: 5px;
        PADDING-LEFT: 5px;
        PADDING-BOTTOM: 2px;
        COLOR: #aaa;
        MARGIN-RIGHT: 10px;
        PADDING-TOP: 2px;
        ;
        TEXT-DECORATION: none;
    }

        DIV.quotes A:hover {
            BORDER-RIGHT: #a0a0a0 1px solid;
            PADDING-RIGHT: 5px;
            BORDER-TOP: #a0a0a0 1px solid;
            PADDING-LEFT: 5px;
            PADDING-BOTTOM: 2px;
            BORDER-LEFT: #a0a0a0 1px solid;
            MARGIN-RIGHT: 10px;
            PADDING-TOP: 2px;
            BORDER-BOTTOM: #a0a0a0 1px solid;
        }

        DIV.quotes A:active {
            BORDER-RIGHT: #a0a0a0 1px solid;
            PADDING-RIGHT: 5px;
            PADDING-LEFT: 5px;
            PADDING-BOTTOM: 2px;
            MARGIN-RIGHT: 10px;
            PADDING-TOP: 2px;
            BORDER-BOTTOM: #a0a0a0 1px solid;
        }

    DIV.quotes SPAN.current {
        BORDER: #c00 1px solid;
        FONT-WEIGHT: bold;
        padding: 4px 8px;
        COLOR: #fff;
        MARGIN-RIGHT: 10px;
        BACKGROUND-COLOR: #c00;
    }

    DIV.quotes SPAN.disabled {
        padding: 4px 8px;
        BORDER: #d8d8d8 1px solid;
        COLOR: #ccc;
        MARGIN-RIGHT: 10px;
        background: #fff;
    }
/*CSS grayr style pagination*/

DIV.grayr {
    padding: 4px 8px;
    FONT-SIZE: 11px;
    FONT-FAMILY: Tahoma, Arial, Helvetica, Sans-serif;
    BACKGROUND-COLOR: #c1c1c1;
}

    DIV.grayr A {
        padding: 4px 8px;
        MARGIN: 2px;
        COLOR: #000;
        BACKGROUND-COLOR: #fff;
        TEXT-DECORATION: none;
    }

        DIV.grayr A:hover {
            COLOR: #000;
            BACKGROUND-COLOR: #fff;
        }

        DIV.grayr A:active {
            COLOR: #000;
            BACKGROUND-COLOR: #fff;
        }

    DIV.grayr SPAN.current {
        padding: 4px 8px;
        FONT-WEIGHT: bold;
        MARGIN: 2px;
        COLOR: #fff;
        BACKGROUND-COLOR: #c00;
    }

    DIV.grayr SPAN.disabled {
        padding: 4px 8px;
        MARGIN: 2px;
        COLOR: #797979;
        BACKGROUND-COLOR: #fff;
    }

.selectedText {
    color: #333;
}

.unSelectedText {
    cursor: pointer;
}

.hdsq .item {
    margin: 4px 8px;
    float: left;
    text-align: center;
}

.hdsq_big li {
    float: left;
}

.hdsq_big {
    margin-top: 15px;
    float: left;
    s;
}

    .hdsq_big li {
        margin: 0px 1px;
        float: left;
    }

    .hdsq_big img {
        border: 0px;
    }
/*论坛图集*/
.lttj li {
    width: 92px;
    float: left;
    padding: 4px;
    text-align: center;
    line-height: inherit;
}
/*APP下载*/
.appdown img {
    vertical-align: middle;
    margin-right: 5px;
    width: 22px;
    height: 22px;
}
/*图片轮播*/
.picture-switch {
    width: 330px;
    height: 225px;
    overflow: hidden;
}

.handlerbox {
    width: 20px;
    height: 35px;
    position: absolute;
    z-index: 2;
    top: 46%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 2px;
}

    .handlerbox.left {
        background-image: url("/VS2/Images/indexadarrow_lft.png");
    }

    .handlerbox.right {
        right: 0px;
        background-image: url("/VS2/Images/indexadarrow_rht.png");
    }

    .handlerbox:hover {
        background-color: #ccc;
    }

.picture {
    padding: 0px;
}

.picture-switch .picture-area {
    float: left;
}

.picture-switch img {
    border: 0px;
}

.picture-switch .item {
    position: relative;
    float: left;
}

.picture-switch img {
    height: 225px;
    width: 330px;
}

.picture-switch-hander {
    float: left;
}

    .picture-switch-hander li {
        float: left;
        width: 6px;
        height: 6px;
        background: url("/VS2/Images/nothis.gif");
        margin: 10px 5px;
        cursor: pointer;
    }

        .picture-switch-hander li.current {
            background: url("/VS2/Images/this.gif");
        }
.popBox {
    display: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: .8s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .8s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    -o-animation-duration: .8s;
    -o-animation-delay: .2s;
    -o-animation-timing-function: ease;
    -o-animation-fill-mode: both;
    animation-duration: .8s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    background: #fff;
    border: 1px solid #cdcdcd;
    -webkit-box-shadow: 0 0 8px #cdcdcd;
    -moz-box-shadow: 0 0 8px #cdcdcd;
    box-shadow: 0 0 8px #cdcdcd;
    z-index: 1000;
    position: absolute;
}
.loginBox {
    padding: 12px 0 20px;
    top: 30px;
}
.codePicture {
    top: 30px;
}
.loginframe {
    margin: 10px 0 0;
    color: #252525;
    line-height: 25px;
    text-align: left;
    color: #888;
}

.loginframe-blank {
    padding-left: 35px;
    padding-bottom: 9px;
    line-height: 25px;
}

.loginframe-label {
    _display: inline;
    width: 190px;
    margin-right: 35px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.loginframe-label-ipt {
    width: 187px;
    height: 28px;
    line-height: 28px;
    text-indent: 6px;
    border: 1px solid #ddd;
    outline: 0;
}



.loginframe-btn {
    width: 189px;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #239438;
    color: #fff;
    background-color: #5eba6d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(94, 186, 109)), to(rgb(60, 160, 81)));
    background-image: -webkit-linear-gradient(top, rgb(94, 186, 109), rgb(60, 160, 81));
    background-image: -moz-linear-gradient(top, rgb(94, 186, 109), rgb(60, 160, 81));
    background-image: -o-linear-gradient(top, rgb(94, 186, 109), rgb(60, 160, 81));
    background-image: -ms-linear-gradient(top, rgb(94, 186, 109), rgb(60, 160, 81));
    background-image: linear-gradient(top, rgb(94, 186, 109), rgb(60, 160, 81));
}

    .loginframe-btn:hover {
        background-color: #239438;
    }

.img_box {
    width: 163px;
    height: 123px;
 padding-right: 0px;
margin-left:0px;
    position: relative;
   
border: 1px;
    vertical-align: middle;
    text-align: left;
}

    .img_box img {
        max-width: 163px;
        max-height: 123px;
display:block;
 padding-left: 0px;
 padding-right: 0px;
margin-left:0px;
margin-right:0px;
font-size: 0;
    }





.picture-switch.part1 .imgbox_title_area, .picture-switch.part2 .imgbox_title_area {
    top: 195px;
    height: 30px;
}

.picture-switch.part1 .imgbox_title, .picture-switch.part2 .imgbox_title {
    top: 195px;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    text-align: center;
}

.img_box .imgbox_title_area {
    top: 103px;
}

.img_box .imgbox_title {
    top: 103px;
    height: 20px;
    line-height: 20px;
    padding-left: 2px;
 padding-right: 0px;
 text-align: left;
}

.imgbox_title_area {
    
position: absolute;
    left: 0px;
    background-color: #000;
    color: #fff;
    width: 163px;
    height: 20px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    
    text-align: left;
    z-index: 2;
}

.imgbox_title {
    
position: absolute;
    left: 0px;
    color: #fff;
    width: 163px
    height: 20px;
    line-height: 20px;

    text-align: left;
    z-index: 3;
    padding-left: 2px;
    font-size: 12px;
  
}

    .imgbox_title a {


        color: #fff;
;
overflow: hidden;

    }

.img_box img {
    border: 0px;
display:block;
 padding-left: 0px;
margin-left:0px;
font-size: 0;
 padding-right: 0px;
margin-right:0px;
}

.img_box .title a {
    color: #fff;
}
.Anonymous {
    display: none;
}