/** newslist.aspx  **/
.news-list
{
    background-color: #fff;
    width: 100%;
    min-height: 600px;
}

.news-item
{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #808080;
    padding-top: 10px;
    padding-bottom: 15px;
}

    .news-item .news-image
    {
        width: 338px;
        height: 209px;
        display: block;
        float: left;
    }

        .news-item .news-image img
        {
            width: 338px;
            height: 209px;
        }

    .news-item dl
    {
        float: right;
        width: 500px;
    }

        .news-item dl dt
        {
        }

            .news-item dl dt a.title
            {
                font-size: 18px;
                line-height: 20px;
                font-weight: 600;
            }

            .news-item dl dt span.news-time
            {
                display: block;
                line-height: 25px;
                color: #9f9f9f;
                font-size: 14px;
            }

        .news-item dl dd
        {
            line-height: 22px;
        }

/*** news.aspx  ***/
.news-content
{
    background-color: #fff;
    padding-top: 50px;
}

    .news-content .title
    {
        width: 100%;
        text-align: center;
        font-size: 28px;
        font-weight: 300;
        padding: 20px 0px;
    }

    .news-content .news-basic-info
    {
        width: 100%;
        text-align: center;
        color: #888;
        font-size: 14px;
    }

    .news-content .content
    {
        padding: 40px;
        line-height: 28px;
    }

        .news-content .content p
        {
            text-indent: 2em;
            margin: 32px 0 0;
            font-size: 18px;
        }

        .news-content .content img
        {
            max-width: 800px;
            height: auto;
        }


/** person.aspx **/
.person-body
{
    width: 1000px;
    margin: 0px auto;
    background-color: #fff;
    min-height: 600px;
    position: relative;
}

.person-head
{
    width: 1000px;
    position: relative;
    padding-top: 30px;
    padding-bottom: 20px;
    z-index: 2;
}

.person-header
{
    margin-left: 348px;
    font-size: 14px;
    min-height: 95px;
}

    .person-header h2
    {
        line-height: 1em;
    }

.person-left
{
    width: 327px;
    position: absolute;
    left: 0;
    top: 15px;
}

.person-cover
{
    position: relative;
    zoom: 1;
    overflow: hidden;
    padding: 3px;
    margin-left: 12px;
}

    .person-cover span
    {
        background: #fff;
        display: block;
        width: 290px;
        height: 440px;
        padding: 4px;
        border: 1px solid #d7d8dc;
        box-shadow: 0 0 3px #ccc;
        border-radius: 20px;
    }

        .person-cover span img
        {
            border-radius: 20px;
            position: relative;
            vertical-align: middle;
            width: 290px;
            height: 440px;
        }

.person-left ul
{
    float: right;
    padding-top: 20px;
    width: 100%;
}

    .person-left ul li
    {
        float: left;
        width: 93px;
    }

.person-right
{
}

.person-nav
{
    background: #00a0e9;
    position: relative;
    height: 45px;
    zoom: 1;
    margin-left: 20px;
}

    .person-nav ul
    {
        width: 675px;
        padding-left: 310px;
        margin: 0 auto;
        zoom: 1;
        clear: both;
        position: relative;
    }

        .person-nav ul li
        {
            position: relative;
            zoom: 1;
            float: left;
            display: inline;
            height: 45px;
            line-height: 46px;
            text-align: center;
        }

    .person-nav a, .person-nav a:hover
    {
        display: inline-block;
        height: 45px;
        padding: 0 20px;
        white-space: nowrap;
        font-size: 16px;
        line-height: 46px;
        color: #fff;
        text-decoration: none;
        position: relative;
        zoom: 1;
    }

.person-info
{
    min-height: 120px;
    _height: 120px;
    padding: 15px 0;
    margin-left: 25px;
}

.person-info-content
{
    width: 675px;
    padding-left: 300px;
    margin: 0 auto;
    position: relative;
    zoom: 1;
    overflow: hidden;
    min-height: 260px;
}

    .person-info-content p
    {
        line-height: 2em;
        padding-left: 10px;
        padding-right: 10px;
        text-indent: 2em;
    }


.person-works
{
    float: right;
    width: 655px;
    padding: 15px 0 35px 20px;
    min-height: 200px;
}

    .person-works h4
    {
        font-size: 20px;
        line-height: 1em;
        color: #b60000;
        padding-bottom: 8px;
        border-bottom: 1px solid #e8e9ee;
    }

#person_works
{
    padding-left: 10px;
}

    #person_works a
    {
        display: block;
        margin-top: 10px;
    }

        #person_works a img
        {
            width: 200px;
            height: auto;
        }

    #person_works span
    {
        vertical-align: top;
        margin-left: 10px;
        padding-top: 5px;
        display: inline-block;
    }

.person-experience
{
    float: right;
    width: 655px;
    padding: 15px 0 35px 20px;
    min-height: 200px;
}

    .person-experience h4
    {
        font-size: 20px;
        line-height: 1em;
        color: #b60000;
        padding-bottom: 8px;
        border-bottom: 1px solid #e8e9ee;
    }

#person_exp
{
}

    #person_exp .item
    {
        padding-left: 10px;
        margin-top: 10px;
        width: 645px;
    }

        #person_exp .item .image
        {
            display: block;
            float: left;
            width: 200px;
            height: auto;
        }

        #person_exp .item dl
        {
            float: left;
            width: 400px;
            padding-left: 10px;
        }

            #person_exp .item dl dt
            {
                padding: 10px 0px;
            }

            #person_exp .item dl dd
            {
                color: #888;
                font-size: 14px;
            }





/*********workslist.aspx*********/
.works_body
{
}

.works-list
{
    margin-top: 10px;
}

.works-item
{
    background-color: #fff;
    width: 350px;
    padding: 10px;
    margin-top: 15px;
}

    .works-item .image
    {
    }

        .works-item .image img
        {
            width: 350px;
            height: auto;
        }

    .works-item .info
    {
    }

        .works-item .info .author
        {
            margin-top: 5px;
        }

            .works-item .info .author dl
            {
            }

                .works-item .info .author dl dt
                {
                    padding: 5px 0px;
                }

                .works-item .info .author dl dd
                {
                    padding: 5px 0px;
                }

        .works-item .info ul
        {
            margin-top: 10px;
            float: right;
        }

            .works-item .info ul li
            {
                float: left;
                font-size: 14px;
                color: #888;
                padding: 0px 5px;
            }

.works-list .row
{
    float: left;
    width: 370px;
    height: auto;
    margin-left: 15px;
    margin-right: 10px;
    display: none;
}

/*********** works.aspx *********/
.works-lbody
{
    float: left;
    width: 877px;
    background-color: #fff;
}

    .works-lbody .title
    {
        padding: 20px 0px 20px 15px;
    }

        .works-lbody .title h1
        {
            font-size: 22px;
            padding: 15px 20px;
        }

        .works-lbody .title .image
        {
            margin-top: 20px;
        }

            .works-lbody .title .image img
            {
                width: 800px;
                height: auto;
                margin-left: 20px;
            }

        .works-lbody .title span.type
        {
            display: inline-block;
            background-color: #0089cd;
            padding: 3px 5px;
            border-radius: 3px;
            color: #fff;
            margin-left: 20px;
        }

        .works-lbody .title ul
        {
            float: right;
            padding: 20px 0px;
        }

            .works-lbody .title ul li
            {
                float: left;
                width: 110px;
            }

    .works-lbody .basic-info
    {
    }

        .works-lbody .basic-info ul
        {
            float: left;
            margin: 0px 0px 0px 20px;
        }

            .works-lbody .basic-info ul li
            {
                padding: 10px 0px;
            }

                .works-lbody .basic-info ul li span
                {
                    display: inline-block;
                    position: relative;
                    padding-left: 25px;
                }

                    .works-lbody .basic-info ul li span a
                    {
                        color: #0089cd;
                    }

                        .works-lbody .basic-info ul li span a:hover
                        {
                            color: #df80c9;
                        }

    .works-lbody .content-info
    {
        margin-top: 20px;
        padding: 20px;
        line-height: 22px;
    }



.files_nav
{
    background: #00a0e9;
    position: relative;
    height: 45px;
    zoom: 1;
    z-index: 0;
}

    .files_nav ul
    {
        padding-left: 20px;
        margin: 0 auto;
        zoom: 1;
        clear: both;
        position: relative;
    }

        .files_nav ul li
        {
            position: relative;
            zoom: 1;
            float: left;
            display: inline;
            height: 45px;
            line-height: 46px;
            text-align: center;
            z-index: 2;
        }

            .files_nav ul li a
            {
                display: inline-block;
                height: 45px;
                padding: 0 20px;
                white-space: nowrap;
                font-size: 16px;
                line-height: 46px;
                color: #fff;
                text-decoration: none;
                position: relative;
                zoom: 1;
            }

                .files_nav ul li a span
                {
                    font-size: 20px;
                }

            .files_nav ul li.cur i
            {
                display: block;
            }

            .files_nav ul li i
            {
                background: url(../images/icons/icon24.png) no-repeat -59px 0;
                width: 21px;
                height: 12px;
                position: absolute;
                left: 50%;
                margin-left: -10px;
                bottom: -4px;
                display: none;
            }

.works-lbody .panel_files
{
}

    .works-lbody .panel_files .panel
    {
        display: none;
    }

    .works-lbody .panel_files dl
    {
        text-align: center;
    }

.works-lbody .panel-files dl dt
{
}

.works-lbody .panel_files .panel_images
{
    margin-top: 10px;
}

.works-lbody .panel_files dl dt img
{
    max-width: 800px;
    height: auto;
}

.works-lbody .panel_files dl dd
{
    margin-bottom: 10px;
}


.works-lbody .panel_files .panel_videos
{
    margin-top: 10px;
    position: relative;
    height: 600px;
}

    .works-lbody .panel_files .panel_videos #videoList
    {
        height: 132px;
        width: 100%;
        overflow: hidden;
        margin-top: 10px;
        margin-left: 20px;
    }

        .works-lbody .panel_files .panel_videos #videoList ul
        {
            position: absolute;
            bottom: 0px;
        }

            .works-lbody .panel_files .panel_videos #videoList ul li
            {
                width: 235px;
                height: 132px;
                float: left;
                display: block;
                position: relative;
            }

.works_link_video, .works_link_video:hover
{
    display: block;
    height: 132px;
    width: 235px;
    position: relative;
    zoom: 1;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    background-color: #000;
}

    .works_link_video img
    {
        height: 132px;
        width: 235px;
    }

    .works_link_video em
    {
        background: #000;
        opacity: .7;
        filter: alpha(opacity=70);
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 30px;
        z-index: 1;
    }

    .works_link_video b
    {
        background: url(../images/icons/icon24.png) no-repeat 0 -323px;
        position: absolute;
        left: 10px;
        bottom: 10px;
        width: 27px;
        height: 27px;
        z-index: 2;
    }

    .works_link_video span
    {
        position: absolute;
        left: 45px;
        bottom: 6px;
        z-index: 3;
        font-size: 14px;
    }

.works-lbody .panel_files .panel_videos .video, #divPlayer_wrapper
{
    width: 665px;
    height: 455px;
    background-color: #000;
    position: absolute;
    left: 100px;
}

.panel-comment
{
    padding: 20px;
    display: none;
}


    .panel-comment textarea
    {
        border: 1px solid #dcdcdc;
        resize: none;
        width: 100%;
        margin: 10px 0px;
        padding:5px;
    }

    .panel-comment .comment-list
    {
        margin-top: 20px;
    }

        .panel-comment .comment-list h1
        {
            display: inline-block;
            width: 100%;
            padding: 10px 0px;
            border-bottom: 1px solid #ddd;
        }

#comments
{
}

    #comments .comment
    {
        font-size: 14px;
        width: 100%;
        position: relative;
        min-height: 45px;
        padding: 12px 0px;
    }

        #comments .comment .photo
        {
            position: absolute;
            left: 0;
        }

            #comments .comment .photo img
            {
                width: 50px;
                height: 50px;
            }

        #comments .comment .desc
        {
            margin-left: 60px;
        }

            #comments .comment .desc .nickname
            {
                color: #666;
            }

        #comments .comment .time
        {
            float: right;
            display: inline-block;
        }

        #comments .comment .content
        {
            margin-top: 3px;
            line-height: 22px;
            color: #333;
        }

.m-more a, .m-more div
{
    display: block;
    text-align: center;
    padding: 5px;
    font-size: 14px;
    color: #999;
    background: #fff;
}

.data-empty
{
    width: 100%;
    text-align: center;
    padding: 20px 0px;
}

.works-rbody
{
    float: right;
    width: 300px;
    background-color: #fff;
}

.panel-person {
    background-color: #fff;
    /*width: 100%;*/
    margin-bottom: 10px;
    padding: 10px 5px;
}

    .panel-person h1, .related-works h1 {
        display: inline-block;
        width: 100%;
        padding: 10px 0px;
        border-bottom: 1px solid #ddd;
        text-align: center;
    }

    .panel-person .item
    {
        margin-top: 5px;
    }

    .panel-person .item .image {
        float: left;
        width: 106px;
        /*height: 148px;*/
        margin-top: 5px;
        margin-left: 5px;
        display: block;
    }

        .panel-person .item img {
            width: 106px;
            /*height: 148px;*/
        }

        .panel-person .item dl
        {
            float: left;
            width: 150px;
        }

            .panel-person .item dl dt
            {
                padding-left: 20px;
                padding-top: 10px;
            }

            .panel-person .item dl dt a
            {
                color: #009ae3;
            }

            .panel-person .item dl dd
            {
                padding-left: 20px;
                padding-top: 10px;
                line-height: 20px;
            }


  .related-works h1 {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        padding: 10px 0px;
        border-bottom: 1px solid #ddd;
        text-align: center;
    }

.related-works {
    background-color: #fff;
    /*width: 100%;*/
    padding: 10px 5px;
}

    .related-works dl {
        margin-top: 15px;
    }

        .related-works dl dt {
            font-size: 14px;
            /*padding: 0 15px;*/
            margin-bottom: 10px;
            text-align: center;
        }

        .related-works dl dd {
            text-align: center;
            padding: 5px 15px;
            /*margin-bottom: 10px;*/
        }

            .related-works dl dd img {
                width: 100%;
            }


.arena_list
{
}

.arena_item
{
    background-color: #fff;
    margin-top: 15px;
    padding: 10px;
}

    .arena_item .image
    {
        float: left;
    }

        .arena_item .image img
        {
            width: 300px;
            height: auto;
        }

    .arena_item .info
    {
        float: left;
        margin-left: 25px;
        width: 840px;
    }



    .arena_item .title
    {
    }

    .arena_item .info dl
    {
    }

        .arena_item .info dl dt
        {
            padding: 10px 0px;
            font-size: 18px;
        }

        .arena_item .info dl dd
        {
            position: relative;
            margin: 10px 0px;
            padding-left: 25px;
        }

    .arena_item .latest_activity
    {
        color: #888;
        padding: 10px 0px;
        display: block;
    }

        .arena_item .latest_activity a
        {
            color: #888;
        }

/************  arena.aspx ***********/
.arena_body
{
    width: 100%;
    background-color: #fff;
}

    .arena_body .title
    {
        padding: 20px 0px 20px 15px;
        width: 500px;
        float: left;
    }

        .arena_body .title h1
        {
            font-size: 22px;
            padding: 15px 20px;
        }

        .arena_body .title .image
        {
            margin-top: 20px;
        }

            .arena_body .title .image img
            {
                width: 450px;
                height: auto;
                margin-left: 20px;
            }

        .arena_body .title span.type
        {
            display: inline-block;
            background-color: #0089cd;
            padding: 3px 5px;
            border-radius: 3px;
            color: #fff;
            margin-left: 20px;
        }

        .arena_body .title ul
        {
            float: right;
            padding: 20px 0px;
        }

            .arena_body .title ul li
            {
                float: left;
                width: 110px;
            }

    .arena_body .basic_info
    {
        float: left;
        margin-left: 10px;
        margin-top: 120px;
    }

        .arena_body .basic_info dl
        {
            width: 500px;
        }

            .arena_body .basic_info dl dt
            {
                font-size: 14px;
                color: #888;
                float: left;
                width: 100px;
                padding: 8px 0px;
            }

            .arena_body .basic_info dl dd
            {
                float: left;
                width: 400px;
                padding: 8px 0px;
                line-height: 20px;
            }


.arena_lbody
{
    float: left;
    width: 877px;
    background-color: #fff;
    margin-top: 2px;
}

    .arena_lbody .panel_map
    {
        position: relative;
        height: 600px;
    }

        .arena_lbody .content_info h1, .arena_lbody .panel_map h1
        {
            border-bottom: 1px solid #ddd;
            padding: 20px 0px 15px 30px;
            font-size: 18px;
            margin: 0px 10px;
        }

    .arena_lbody .content_info
    {
    }

        .arena_lbody .content_info .content
        {
            padding: 20px 30px;
            line-height: 22px;
        }

    .arena_lbody .panel_map #map
    {
        position: absolute;
        width: 700px;
        height: 500px;
        left: 80px;
        top: 70px;
    }

    .arena_lbody .panel_files
    {
        text-align: center;
    }

    .arena_lbody .panel_images
    {
        margin-top: 10px;
    }

.arena_rbody
{
    float: right;
    width: 320px;
    margin-top: 2px;
    background-color: #fff;
    min-height: 100px;
    padding-bottom: 30px;
}

    .arena_rbody h1
    {
        padding-top: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
        text-align: center;
        margin: 0px 10px;
        font-size: 18px;
    }

.arena_activity_list
{
    margin-top: 10px;
}

    .arena_activity_list dl
    {
        margin-top: 5px;
    }

        .arena_activity_list dl dt
        {
            text-align: center;
        }

            .arena_activity_list dl dt img
            {
                width: 280px;
                height: auto;
            }

        .arena_activity_list dl dd
        {
            padding: 2px 15px;
        }

            .arena_activity_list dl dd a
            {
                font-size: 14px;
                color: #888;
            }


/******** searchresult.aspx ********/

.result_lbody
{
    width: 877px;
    background-color: #fff;
    height: auto;
    float: left;
}

.result_list
{
}


.result_item
{
    margin-top: 10px;
    padding: 10px;
}

    .result_item dl
    {
        float: left;
        margin-left: 20px;
        width: 620px;
    }

        .result_item dl dt
        {
            padding: 5px 0px;
        }

        .result_item dl dd
        {
            color: #888;
            line-height: 22px;
            font-size: 14px;
        }

.result_item_image
{
    float: left;
}

    .result_item_image img
    {
        width: 200px;
        height: auto;
    }