@charset "utf-8";
#view_images .fancybox-container{
    z-index: 9999999;
}
@media only screen and (max-width: 1170px) {
    #view_images .box {
        width: 1000px;
    }
    #view_images .pics_content {
        padding: 0px 10px;
    }
    #view_images .share_box {
        padding: 0 20px;
    }
}

@media screen and (min-width: 960px) and (max-width: 1024px) {
    #view_images .box {
        width: 940px;
    }

    #view_images .pics_content ul li i {
        height: 146px;
    }
}

@media only screen and (max-width: 959px) {
        #view_images .box {
            width: 100%
        }

        #view_images .ph_margin {
            height: 40px;
            /*margin-bottom: 20px*/
        }

        #view_images .pics_content ul li i {
            height: 140px
        }
    }

    @media only screen and (max-width: 768px) {
        #view_images .pics_content ul li i {
            height: 150px
        }
    }

    @media only screen and (max-width: 640px) {
        #view_images .pics_content ul li {
            width: 50%
        }

        #view_images .album_info i {
            width: 90px;
            height: 68px;
            margin-right: 10px;
        }

        #view_images .album_box {
            padding: 0px 20px;
        }

        #view_images .album_info h1 {
            font-size: 18px;
            margin: 10px;
        }

        #view_images .album_info {
            float: none;
            width: 100%;
        }

        #view_images .album_info p.a_i_ms {
            display: none;
        }

        #view_images p.a_i_time {
            font-size: 12px;
        }

        #view_images .album_info span {
            display: none;
        }

        #view_images .album_info em {
            margin-right: 10px;
        }

        #view_images .visitor_area {
            width: 100%;
            display: none;
        }

        #view_images .album_next ul li:nth-child(1) a {
            padding-left: 30px;
            background: url(../images/icon_left.png) no-repeat left top 60%;
            background-size: 32px;
        }

        #view_images .album_next ul li:nth-child(2) a {
            background: url(../images/icon_right.png) no-repeat right top 60%;
            background-size: 32px;
            padding-right: 30px;
        }

        #view_images .album_next span {
            display: block;
            margin-bottom: 10px;
            font-size: 14px;
        }

        #view_images .album_next p,
        #view_images .album_next h3 {
            display: none;
        }
    }

    @media only screen and (max-width: 480px) {
        #view_images .pics_content ul li i {
            height: 100px
        }
    }