@charset "utf-8";

/* CSS Document */

.gallery-title {
    float: left;
    width: 100%;
    font: 21px/24px 'RSU', Arial, sans-serif;
}

.gallery-pic-slide {
    float: left;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    margin-top: 20px;
}


/***********************gallery-pic************************/

.gallery-big-pic {
    float: left;
    width: 100%;
    /* padding-top: 56.25%; */
    /*height:433px;*/
    text-align: center;
    position: relative;
}

.gallery-small-pic {
    float: left;
    margin-top: 10px;
    width: 100%;
    background-color: #f3f3f3;
    /* height:138px; */
    position: relative;
}

.gallery-small-pic .btn-left {
    /* position:absolute; */
    /* left:0; */
    float: left;
    width: 5%;
    text-align: left;
    height: 123px;
}

.gallery-small-pic .block-center {
    /* position:absolute; */
    /* left:50px; */
    /* right:50px; */
    text-align: center;
    /* padding-top:15px; */
    height: 123px;
    float: left;
    background-color: #f3f3f3;
    width: 90%;
}

.gallery-small-pic .block-center ul {
    float: left;
    width: 100% !important;
    margin: 0;
    padding: 0;
}

.gallery-small-pic .block-center ul li {
    float: left;
    margin: 17px auto;
    display: table;
    width: 16.6%;
    padding: 1%;
    /* height: 138px; */
    list-style: none;
}

.gallery-small-pic .block-center ul li select {
    background: none;
}

.gallery-small-pic .block-center ul li a {
    display: table-cell;
    vertical-align: middle;
}

.gallery-small-pic .block-center ul li img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.gallery-small-pic .btn-right {
    /* position:absolute; */
    /* right:0; */
    width: 5%;
    text-align: right;
    float: left;
    /* height:138px; */
}


/***********************gallery-pic************************/


/***********************gallery-text************************/

.gallery-text-detail {
    float: left;
    margin: 20px 0px;
    width: 100%;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #333;
    text-align: justify;
}

li.thumbs.select img {
    border: 3px solid #ccc;
}

.number_img {
    width: 100%;
    margin-top: 10px;
    float: left;
    text-align: center;
}

.curNumber {
    width: 97%;
    float: left;
    text-align: right;
}

@media (max-width: 990px) {
    .gallery-small-pic .block-center {
        height: 104px;
    }
    .gallery-small-pic .btn-left {
        height: 114px;
    }
    .gallery-small-pic .block-center ul {
        height: 114px;
    }
}

@media (max-width: 760px) {
    .gallery-small-pic .block-center {
        height: 94px;
    }
    .gallery-small-pic .btn-left {
        height: 94px;
    }
    .gallery-small-pic .block-center ul {
        height: 94px;
    }
}

@media (max-width: 414px) {
    .gallery-small-pic .block-center {
        height: 74px;
    }
    .gallery-small-pic .btn-left {
        height: 74px;
    }
    .gallery-small-pic .block-center ul {
        height: 74px;
    }
}

@media (max-width: 375px) {
    .gallery-small-pic .block-center {
        height: 54px;
    }
    .gallery-small-pic .btn-left {
        height: 54px;
    }
    .gallery-small-pic .block-center ul {
        top: -8px !important;
    }
}