.hidden {
    display: none;
}

.clearfix {
}

    .clearfix:after {
        display: block;
        height: 0px;
        visibility: hidden;
        clear: both;
        overflow: hidden;
        content: ".";
    }

.nph_chn {
    padding-bottom: 6px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
}

.nph_logo {
    float: left;
    margin-right: 12px;
}

.nph_crumb {
    line-height: 29px;
    float: left;
}

.nph_crumb {
    color: #727171;
}

    .nph_crumb a {
        color: #727171;
    }

        .nph_crumb a:visited {
            color: #727171;
        }

        .nph_crumb a:hover {
            color: #ba2636;
        }

.nph_area {
    text-align: left;
    margin: auto;
    width: 730px;
    clear: both;
    display: block;
}

.nph_gallery {
    text-align: left;
    word-wrap: break-word;
}

    .nph_gallery p {
        line-height: 21px;
        margin: 0px;
    }

.nph_cnt {
    margin: 0px 8px;
}

.nph_bg {
    padding: 12px 0 8px 0;
    width: 100%;
    border: #ccc 1px solid;
}

.nph_hr_solid {
    margin: 0px 2px;
    display: block;
    background: url(../swfimg/bg13.png) repeat-x left center;
    height: 11px;
    clear: both;
    overflow: hidden;
}

.nph_search_panel {
    float: right;
}

.nph_extra {
    float: right;
}

.nph_search_panel span {
    float: left;
}

.nph_search_panel input {
    float: left;
}

.nph_search_panel button {
    float: left;
}

.nph_search_panel span {
    margin-bottom: 5px;
}

.nph_search_input {
    position: relative;
    width: 118px;
    background: url(../swfimg/bg16.png) no-repeat 0px 0px;
    height: 20px;
}

    .nph_search_input label {
        position: absolute;
        line-height: 19px;
        color: #ccc;
        top: 1px;
        left: 5px;
    }

    .nph_search_input input {
        border-bottom: medium none;
        position: absolute;
        border-left: medium none;
        padding-bottom: 3px;
        line-height: 14px;
        padding-left: 3px;
        width: 112px;
        padding-right: 3px;
        background: url(../swfimg/bg06.png);
        height: 14px;
        font-size: 100%;
        vertical-align: middle;
        border-top: medium none;
        top: 0px;
        border-right: medium none;
        padding-top: 3px;
        left: 0px;
    }

.nph_search_btn button {
    border-bottom: medium none;
    border-left: medium none;
    width: 22px;
    background: url(../swfimg/bg16.png) no-repeat -161px 0px;
    height: 20px;
    overflow: hidden;
    border-top: medium none;
    cursor: pointer;
    border-right: medium none;
}

.nph_extra {
    text-align: right;
    line-height: 21px;
    height: 24px;
    overflow: hidden;
    padding-top: 6px;
}

.nph_set_info span {
    display: inline-block;
}

.nph_set_info .hidden {
    display: none;
}

.nph_set_title {
    padding-bottom: 2px;
    line-height: 25px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px;
}

    .nph_set_title span {
        line-height: 21px;
    }

.nph_set_cur {
    font-size: 14px;
}

    .nph_set_cur span {
        font-size: 22px;
        font-weight: bold;
    }

.nph_search_count {
    font-family: simsun;
    font-size: 14px;
}

.nph_set_info {
    color: #c6c6c6;
}

    .nph_set_info h1 {
        color: #ececec;
    }

        .nph_set_info h1 a {
            color: #ececec;
        }

            .nph_set_info h1 a:visited {
                color: #ececec;
            }

    .nph_set_info h2 {
        display: none;
        color: #ececec;
    }

        .nph_set_info h2 a {
            color: #ececec;
        }

            .nph_set_info h2 a:visited {
                color: #ececec;
            }

    .nph_set_info h3 span {
        color: #ececec;
    }

    .nph_set_info h1 a:hover {
        color: #f9df53;
    }

    .nph_set_info h2 a:hover {
        color: #f9df53;
    }

    .nph_set_info p {
        color: #767676;
    }

.nph_set_cur {
    color: #767676;
}

.nph_set_size {
    color: #767676;
}

.nph_set_info .nph_search_count {
    color: #767676;
}

.nph_set_info p a {
    color: #ba2636;
}

    .nph_set_info p a:visited {
        color: #ba2636;
    }

.nph_set {
    min-height: 1px;
    width: 100%;
    float: left;
}

.nph_set_prev {
    width: 110px;
    float: left;
    margin-left: -100%;
    padding-top: 6px;
}

.nph_set_next {
    width: 110px;
    float: left;
    margin-left: -110px;
    padding-top: 6px;
}

.nph_set_thumb {
    margin: 0;
    padding: 5px;
}

.nph_photo_view {
    position: relative;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

    .nph_photo_view .nph_cnt {
        height: 100%;
    }

    .nph_photo_view i {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .nph_photo_view img {
        max-width: 100%;
        -ms-interpolation-mode: bicubic;
        max-height: 100%;
        vertical-align: middle;
    }

.nph_photo_prev {
    position: absolute;
    width: 50%;
    background: url(../swfimg/casel.png) 30px center no-repeat;
    height: 100%;
    top: 0px;
    left: 0px;
}

.nph_photo_next {
    position: absolute;
    width: 50%;
    background: url(../swfimg/caser.png) 300px center no-repeat;
    height: 100%;
    top: 0px;
    right: 0px;
}

.nph_photo_loading {
    position: absolute;
    margin: -19px 0px 0px -19px;
    width: 37px;
    background: url(../swfimg/loading.gif) no-repeat 0px 0px;
    height: 37px;
    top: 50%;
    left: 50%;
}

.nph_photo_desc {
}

    .nph_photo_desc h2 {
        display: none;
        min-height: 25px;
        font: 18px/1.4 simhei;
        padding-top: 8px;
        _height: 25px;
    }

    .nph_photo_desc h2 {
        color: #ececec;
    }

        .nph_photo_desc h2 a {
            color: #ececec;
        }

            .nph_photo_desc h2 a:visited {
                color: #ececec;
            }

            .nph_photo_desc h2 a:hover {
                color: #f9df53;
            }

    .nph_photo_desc p {
        color: #333333;
    }

        .nph_photo_desc p a {
            color: #db0000;
        }

            .nph_photo_desc p a:visited {
                color: #333333;
            }

.nph_photo_ctrl {
    float: right;
    overflow: hidden;
    height: 30px;
    padding-top: 10px;
}

    .nph_photo_ctrl ul {
        margin-right: -12px;
    }

    .nph_photo_ctrl li {
        display: inline;
    }

    .nph_photo_ctrl .hidden {
        display: none;
    }

.nph_photo_ctrl {
    color: #333333;
}

    .nph_photo_ctrl a {
        color: #333333;
    }

        .nph_photo_ctrl a:visited {
            color: #333333;
        }

        .nph_photo_ctrl a:hover {
            color: #db0001;
        }

.nph_photo_thumb {
    margin: auto;
}

nph_photo {
    width: 100%;
}

.nph_stream {
    width: 100%;
}

.nph_search {
    width: 100%;
}

.nph_stream_view {
    width: 100%;
    overflow: hidden;
    padding-top: 12px;
}

.nph_search_view {
    width: 100%;
    overflow: hidden;
    padding-top: 12px;
}

.nph_scrl {
    min-height: 1px;
    width: 100%;
    float: left;
}

.nph_scrl_thumb {
    margin: 0 30px;
}

.nph_scrl_main {
    padding-bottom: 6px;
    width: 100%;
    overflow: hidden;
}

.nph_scrl_prev {
    float: left;
    margin-left: -100%;
    padding-top: 6px;
}

* + html .nph_scrl_prev {
    float: left;
    margin-right: 630px;
    padding-top: 6px;
}

.nph_scrl_next {
    float: left;
    margin-left: -20px;
    padding-top: 6px;
}

.nph_scrl_bar {
}

.nph_scrl_lt {
    width: 3px;
    background: url(../swfimg/bg09.png) no-repeat 0px 0px;
    float: left;
    height: 20px;
    margin-right: -3px;
}

.nph_scrl_rt {
    width: 3px;
    background: url(../swfimg/bg10.png) no-repeat 0px 0px;
    float: right;
    height: 20px;
    margin-left: -3px;
}

.nph_scrl_bd {
    min-height: 1px;
    width: 100%;
    float: left;
}

.nph_scrl_ct {
    position: relative;
    margin: 0px 3px;
    width: 100%;
    background: url(../swfimg/bg08.png) repeat-x 0px 0px;
    height: 20px;
    padding-top: 4px;
}

.nph_list_thumb {
    height: 77px;
    overflow: hidden;
}

    .nph_list_thumb li {
        text-align: center;
        padding-bottom: 0px;
        padding-left: 2px;
        width: 102px;
        padding-right: 2px;
        float: left;
        padding-top: 0px;
    }

    .nph_list_thumb h2 {
        display: none;
    }

    .nph_list_thumb p {
        display: none;
    }

    .nph_list_thumb i {
        display: none;
    }

    .nph_list_thumb a {
        margin: auto;
        width: 100px;
        display: block;
        height: 75px;
    }

    .nph_list_thumb img {
        margin: auto;
        width: 100px;
        display: block;
        height: 75px;
    }

    .nph_list_thumb a {
        outline-style: none;
        outline-color: invert;
        outline-width: medium;
        border: #ccc 2px solid;
        filter: alpha(opacity=50); /* IE */
        -moz-opacity: 0.5; /* Moz + FF */
        opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/
    }

        .nph_list_thumb a:hover {
            filter: alpha(opacity=100); /* IE */
            -moz-opacity: 1; /* Moz + FF */
            opacity: 1; /* 支持CSS3的浏览器（FF 1.5也支持）*/
        }

    .nph_list_thumb .active a {
        border: 2px solid #F60;
        filter: alpha(opacity=100); /* IE */
        -moz-opacity: 1; /* Moz + FF */
        opacity: 1; /* 支持CSS3的浏览器（FF 1.5也支持）*/
    }

.nph_list_stream {
    clear: both;
}

    .nph_list_stream li {
        line-height: 21px;
        float: left;
        overflow: hidden;
    }

    .nph_list_stream div {
        margin: 0px auto 5px;
        width: 164px;
        display: table;
        height: 164px;
    }

        .nph_list_stream div a {
            border-bottom: #ececec 2px solid;
            text-align: center;
            border-left: #ececec 2px solid;
            width: 160px;
            display: table-cell;
            background: #000;
            height: 160px;
            vertical-align: middle;
            overflow: hidden;
            border-top: #ececec 2px solid;
            border-right: #ececec 2px solid;
        }

            .nph_list_stream div a:hover {
                border-bottom: #f9df53 2px solid;
                border-left: #f9df53 2px solid;
                border-top: #f9df53 2px solid;
                border-right: #f9df53 2px solid;
            }

    .nph_list_stream i {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .nph_list_stream img {
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
    }

    .nph_list_stream h3 {
        margin: 0px auto;
        width: 160px;
    }

    .nph_list_stream p {
        margin: 0px auto;
        width: 160px;
    }

    .nph_list_stream h3 {
        color: #ececec;
    }

        .nph_list_stream h3 a {
            color: #ececec;
        }

            .nph_list_stream h3 a:visited {
                color: #ececec;
            }

            .nph_list_stream h3 a:hover {
                color: #f9df53;
            }

    .nph_list_stream p {
        color: #767676;
    }

.nph_icon_comment {
    margin: 0px 6px;
    padding-left: 18px;
    background: url(../swfimg/bg03.png) no-repeat;
}

.nph_icon_orig {
    margin: 0px 20px;
    padding-left: 18px;
    background: url(../swfimg/bg03.png) no-repeat;
}

.nph_icon_stream {
    margin: 0px 6px;
    padding-left: 18px;
    background: url(../swfimg/bg03.png) no-repeat;
}

.nph_icon_comment {
    background-position: 0px 0px;
}

    .nph_icon_comment:hover {
        background-position: 0px -27px;
    }

.nph_icon_orig {
    background-position: 0px -54px;
}

    .nph_icon_orig:hover {
        background-position: 0px -81px;
    }

.nph_icon_stream {
    background-position: 0px -108px;
}

    .nph_icon_stream:hover {
        background-position: 0px -135px;
    }

.nph_btn_pset {
    text-align: center;
    line-height: 21px;
    width: 110px;
    display: block;
}

.nph_btn_nset {
    text-align: center;
    line-height: 21px;
    width: 110px;
    display: block;
}

.nph_btn_pset img {
    padding-bottom: 7px;
    padding-left: 7px;
    width: 100px;
    padding-right: 3px;
    display: block;
    height: 75px;
    padding-top: 3px;
}

.nph_btn_nset img {
    padding-bottom: 7px;
    padding-left: 3px;
    width: 100px;
    padding-right: 7px;
    display: block;
    height: 75px;
    padding-top: 3px;
}

.nph_btn_pset {
    color: #c6c6c6;
}

    .nph_btn_pset:visited {
        color: #c6c6c6;
    }

.nph_btn_nset {
    color: #c6c6c6;
}

    .nph_btn_nset:visited {
        color: #c6c6c6;
    }

.nph_btn_pset:hover {
    color: #ecdeae;
}

.nph_btn_nset:hover {
    color: #ecdeae;
}

.nph_btn_pset {
    background: url(../swfimg/bg04.png) no-repeat;
}

.nph_btn_nset {
    background: url(../swfimg/bg04.png) no-repeat;
}

.nph_btn_pset {
    background-position: 0px 0px;
}

    .nph_btn_pset:hover {
        background-position: -111px 0px;
    }

.nph_btn_nset {
    background-position: -222px 0px;
}

    .nph_btn_nset:hover {
        background-position: -333px 0px;
    }

.nph_btn_pscrl {
    outline-style: none;
    outline-color: invert;
    outline-width: medium;
    width: 20px;
    display: block;
    height: 65px;
    cursor: pointer;
}

.nph_btn_nscrl {
    outline-style: none;
    outline-color: invert;
    outline-width: medium;
    width: 20px;
    display: block;
    height: 65px;
    cursor: pointer;
}

.nph_btn_pscrl {
    background: url(../swfimg/bg05.png) no-repeat;
}

.nph_btn_nscrl {
    background: url(../swfimg/bg05.png) no-repeat;
}

.nph_btn_pscrl {
    background-position: 0px 0px;
}

    .nph_btn_pscrl:hover {
        background-position: -21px 0px;
    }

.nph_btn_nscrl {
    background-position: -42px 0px;
}

    .nph_btn_nscrl:hover {
        background-position: -63px 0px;
    }

.nph_btn_scrl {
    position: absolute;
    outline-style: none;
    outline-color: invert;
    outline-width: medium;
    width: 36px;
    display: block;
    cursor: default;
}

    .nph_btn_scrl .nph_btn_lt {
        width: 10px;
        float: left;
        height: 15px;
        margin-right: -10px;
    }

    .nph_btn_scrl .nph_btn_rt {
        width: 10px;
        float: right;
        height: 15px;
        margin-left: -10px;
    }

    .nph_btn_scrl .nph_btn_bd {
        min-height: 1px;
        width: 100%;
        float: left;
    }

        .nph_btn_scrl .nph_btn_bd span {
            margin: 0px 10px;
            display: block;
            height: 15px;
        }

    .nph_btn_scrl .nph_btn_ct {
        margin: auto;
        width: 14px;
        display: block;
        height: 15px;
    }

    .nph_btn_scrl .nph_btn_lt {
        background: url(../swfimg/bg07.png) no-repeat;
    }

    .nph_btn_scrl .nph_btn_rt {
        background: url(../swfimg/bg07.png) no-repeat;
    }

    .nph_btn_scrl .nph_btn_bd span {
        background: url(../swfimg/bg07.png) no-repeat;
    }

    .nph_btn_scrl .nph_btn_ct {
        background: url(../swfimg/bg07.png) no-repeat;
    }

    .nph_btn_scrl .nph_btn_lt {
        background-position: 0px 0px;
    }

    .nph_btn_scrl .nph_btn_rt {
        background-position: -26px 0px;
    }

    .nph_btn_scrl .nph_btn_ct {
        background-position: -11px 0px;
    }

    .nph_btn_scrl:hover .nph_btn_lt {
        background-position: 0px -16px;
    }

    .nph_btn_scrl:hover .nph_btn_rt {
        background-position: -26px -16px;
    }

    .nph_btn_scrl:hover .nph_btn_ct {
        background-position: -11px -16px;
    }

    .nph_btn_scrl .nph_btn_bd span {
        background: url(../swfimg/bg07.png) repeat-x 0px -32px;
    }

    .nph_btn_scrl:hover .nph_btn_bd span {
        background-position: 0px -48px;
    }

.nph_btn_return {
    border-bottom: #767676 1px solid;
    text-align: center;
    border-left: #767676 1px solid;
    padding-bottom: 0px;
    line-height: 19px;
    margin: 4px 10px 5px 0px;
    padding-left: 10px;
    padding-right: 10px;
    background: #494949;
    float: left;
    height: 19px;
    border-top: #767676 1px solid;
    cursor: pointer;
    border-right: #767676 1px solid;
    padding-top: 0px;
}

.nph_btn_return {
    color: #ececec;
}

    .nph_btn_return:visited {
        color: #ececec;
    }

    .nph_btn_return:hover {
        color: #ecdeae;
    }

.nph_btn_pphoto {
    outline-style: none;
    outline-color: invert;
    outline-width: medium;
    width: 100%;
    display: block;
    height: 100%;
    cursor: url(/works/swfimg/bg11.cur);
}

.nph_btn_nphoto {
    outline-style: none;
    outline-color: invert;
    outline-width: medium;
    width: 100%;
    display: block;
    height: 100%;
    cursor: url(/works/swfimg/bg12.cur);
}

.nph_pages {
    text-align: center;
}

    .nph_pages a {
        border-bottom: #767676 1px solid;
        border-left: #767676 1px solid;
        line-height: 22px;
        width: 22px;
        display: inline-block;
        height: 22px;
        border-top: #767676 1px solid;
        border-right: #767676 1px solid;
    }

    .nph_pages span {
        border-bottom: #767676 1px solid;
        border-left: #767676 1px solid;
        line-height: 22px;
        width: 22px;
        display: inline-block;
        height: 22px;
        border-top: #767676 1px solid;
        border-right: #767676 1px solid;
    }

    .nph_pages .nph_pages_turn {
        width: 48px;
    }

.nph_pages {
    color: #ececec;
}

    .nph_pages a {
        color: #ececec;
    }

        .nph_pages a:visited {
            color: #ececec;
        }

        .nph_pages a:hover {
            background: #494949;
            color: #ecdeae;
        }

    .nph_pages span {
        background: #494949;
        color: #767676;
    }

    .nph_pages .active {
        color: #ecdeae;
        font-weight: bold;
    }

.nph_box_relat {
    border-bottom: #dcdddd 1px solid;
    border-left: #dcdddd 1px solid;
    background: #f7fcff;
    border-top: #dcdddd 1px solid;
    border-right: #dcdddd 1px solid;
}

    .nph_box_relat .nph_box_title {
        line-height: 25px;
        margin: 9px 19px;
        height: 25px;
    }

        .nph_box_relat .nph_box_title h2 {
            padding-left: 19px;
            background: url(../swfimg/bg15.png) no-repeat left center;
            float: left;
            font-size: 14px;
            font-weight: bold;
        }

        .nph_box_relat .nph_box_title .nph_title_more {
            float: right;
        }

.nph_list_relat {
    margin: 0px 5px;
}

    .nph_list_relat li {
        padding-bottom: 10px;
        line-height: 21px;
        width: 158px;
        float: left;
    }

    .nph_list_relat div {
        margin: 0px auto 5px;
        width: 110px;
    }

        .nph_list_relat div a {
            padding-bottom: 7px;
            padding-left: 3px;
            width: 100px;
            padding-right: 7px;
            display: block;
            background: url(../swfimg/bg14.png);
            padding-top: 3px;
        }

        .nph_list_relat div img {
            width: 100px;
            display: block;
            height: 75px;
        }

    .nph_list_relat h5 {
        margin: 0px auto;
        width: 120px;
    }

.nph_gallery .nph_c_lh {
    color: #e53333;
}

.nph_photo_view {
    height: 400px;
}

.nph_stream, .nph_search {
    height: 800px;
}




/* 移动端响应式样式 */
@media screen and (max-width: 768px) {
    /* 基础容器调整 */
    .nph_area {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    /* 顶部导航与搜索 */
    .nph_logo {
        float: none;
        margin: 0 auto 10px;
        display: block;
        text-align: center;
    }

    .nph_crumb {
        float: none;
        line-height: 1.5;
        margin-bottom: 10px;
        text-align: center;
    }

    .nph_search_panel {
        float: none;
        width: 100%;
        margin: 10px 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .nph_search_input {
        width: 70%;
        max-width: 200px;
    }

    /* 图片查看区域 */
    .nph_photo_view {
        height: auto;
        min-height: 200px;
    }

    .nph_photo_prev,
    .nph_photo_next {
        background-size: 30px;
    }

    .highslide-gallery .nph_photo_next {
        background-position: 80% center
    }
    /* 缩略图滚动区域 */
    .nph_scrl_thumb {
        margin: 0 10px;
    }

    .nph_list_thumb li {
        width: 80px;
        padding: 0 2px;
    }

    .nph_list_thumb a {
        width: 80px;
        height: 60px;
    }

    /* 流式布局调整 */
    .nph_list_stream li {
        width: 50%;
        box-sizing: border-box;
        padding: 0 5px;
    }

    .nph_list_stream div {
        width: 100%;
        height: 140px;
    }

        .nph_list_stream div a {
            width: calc(100% - 4px);
            height: calc(100% - 4px);
        }

    /* 前后导航按钮 */
    .nph_set_prev,
    .nph_set_next {
        width: 80px;
    }

    .nph_btn_pset,
    .nph_btn_nset {
        width: 80px;
    }

        .nph_btn_pset img,
        .nph_btn_nset img {
            width: 70px;
            height: 50px;
        }

    /* 分页样式 */
    .nph_pages a,
    .nph_pages span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 2px;
    }

    .nph_pages .nph_pages_turn {
        width: 60px;
    }

    /* 相关内容区域 */
    .nph_list_relat li {
        width: 50%;
        box-sizing: border-box;
        padding: 0 5px 10px;
    }

    /* 按钮与控制元素 */
    .nph_photo_ctrl {
        float: none;
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        .nph_photo_ctrl ul {
            margin-right: 0;
            padding-left: 0;
        }

        .nph_photo_ctrl li {
            margin: 0 5px;
        }

    /* 隐藏部分非必要元素 */
    .nph_extra {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .nph_list_stream li {
        width: 100%;
    }

    .nph_list_relat li {
        width: 100%;
    }

    .nph_scrl_prev,
    .nph_scrl_next {
        display: none;
    }

    .nph_set_info h1,
    .nph_set_info h2 {
        font-size: 16px;
    }

    .nph_photo_desc p {
        font-size: 14px;
        line-height: 1.6;
    }
}