/*albums list*/
.albums{
    list-style:none;
    padding:0;
    margin:0;
}
#center .album-list-index{
    width:16.6666%;
    float:left;
}
#center.col-md-9 .album-list-index {
    width:20%;
    float:left;
}
#center.col-md-6 .album-list-index{
    width: 25%;
    float:left;
}
.album-list-index {
    position:relative;
}
.gallery-list li .layer_square,
.album-list-index a.album_cover,
.albums li a.album_cover {
    background:#ccc;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow:hidden;
}
.album-list-index a.album_cover img,
.albums li a.album_cover img{
    position:absolute;
    right:0;
    left:0;
    top:0;
    bottom:0;
    width:100%;
}
.album-list-index .infoLayer,
.albums .infoLayer { top: 0px; text-align: left; font-size: 11px;bottom: 0; }
.album-list-index .infoLayer .date,
.albums .infoLayer .date{
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    padding: 4px 8px;
    border-radius: 4px;
}
.album_info {
    padding: 2px 4px;
    font-size: 11px;
    line-height: 1.5;
}
.album_info a {
    display: block;
    font-size: 16px;
    font-weight: bold;
}
.album-list-index:hover .infoLayer,
.list4 li:hover .infoLayer {
    display: block;
}

/*end alnum list*/
/*Album detail*/
.gallery-list{
    list-style:none;
    padding:0;
    margin:0;
}
.album_view_detail .list_option button{
    padding: 6px 5px;
}
#center .galleryItem {
    width:16.66666%;
    float:left;
}
#center.col-md-9 .galleryItem{
    width:20%;
    float:left;
}
#center.col-md-6 .galleryItem{
    width: 25%;
    float:left;
}
.album-detail-info{
    margin:5px 0 15px 0;
}
.albumlist_title{
    display: block;
    margin: 10px 40px 10px 10px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align:left;
}
/*end album detail*/
/*edit gallery page*/
.galleries_edit li {
    line-height: 1.5;
    position: relative;
    margin-bottom: 20px;
}

.albums_edit_item{
    padding:0 5px;
}
.albums_gallery_edit {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 167px;
    margin-bottom: 10px;
}
.album_info_edit{
    height:75px;
}
.galleries_edit textarea {
    width: 100%;
    resize: none;
    height: 50px;
}
.gallery_edit_checkbox{
    position: absolute;
    top: 10px;
    left:10px;
}
.galleries_edit{
    list-style: none;
    padding-left: 0;
}
/*end edit gallery page*/

/*gallery view*/
#gallery_wrapper {
    position: relative;
    text-align: center;
    background:#000;
}
#gallery_right_arrow,
#gallery_left_arrow{
    font-size:67px;
    position: absolute;
    right: 5px;
    top: 0;
    display: none;
    color: #959496;
    bottom: 10px;
    width: 100px;
}
#gallery_left_arrow {
    left: 5px;
}
#gallery_right_arrow {
    right: 5px;
}
#gallery_right_arrow i,
#gallery_left_arrow i{
    position: absolute;
    margin-top: -33px;
    top:50%;
    color: #959496;
    left: 0;
    font-size: 70px;
}
#gallery_close_icon {
    position: absolute;
    right: 5px; top: 2px;
    display: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    z-index: 1000;
    line-height: 40px;
}
#gallery_close_icon i{
    color: #000;
    font-size: 21px;
    position: absolute;
    left: 5px;
    top: 8px;
    margin-left:0;
}
#gallery_wrapper:hover #gallery_left_arrow,
#gallery_wrapper:hover #gallery_right_arrow,
#gallery_wrapper:hover #gallery_close_icon {
    display: block;
}
#gallery_wrapper:hover #lb_description {
    display: block;
}
#tag-wrapper {
    position: relative;
}
#tag-target { cursor: crosshair; }

#tag-target {
    display: none;
    border: 4px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .75), 0 0 4px rgba(0, 0, 0, .5) inset;
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}
#tag-input {
    background: #fff;
    display: none;
    padding: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 140px;
    z-index: 20;
    text-align: left;
}
#tag-input input[type='text'] {
    border: 1px solid #ccc;
    color: #888;
    display: block;
    margin: 5px 0px;
    outline: 0px;
    padding: 3px;
    width: 127px;
}
#tag-wrapper #gallery_src{
    max-width: 100%;
}
.tagGallery {
    float:right;
    padding-left: 20px;

}
#gallery_thumbs {
    text-align: center;
    background:#000;
    padding:10px;
}
#gallery_thumbs ul{
    list-style:none;
    padding:0;
    margin:0;
}
.gallery_view_info{
    font-size: 12px;
    color:#000;
}
#gallery_thumbs ul li {

    margin: 0 1px 5px 0;
    opacity: 0.5;
    display:inline-block;
    border:1px solid #fff;
    background-size:cover;
}
#galleryModal #gallery_thumbs ul li{
    border:none;
}
#gallery_thumbs ul li a {
    width: 50px;
    height: 50px;
    display:block;
}
#gallery_thumbs ul li.active {
    opacity: 1;
}

.gallery_comments {
    padding: 0px;
    font-size: 14px;
    overflow: hidden;
}
.gallery_right {
    font-size: 12px;
}
#gallery_load_btn {
    color: #fff;
    font-size:20px;
    display: inline-block;
    line-height: 80px;
    vertical-align: top;
}
#gallery_thumbs ul li.viewmore-gallery a, #gallery_thumbs ul li.viewmore-gallery{
    width: 10px;
    border: none;
    vertical-align: top;
    color: #fff;
    line-height:55px;
    opacity: 1;
    padding-left: 5px;
}
.gallery-view-option{
    list-style:none;
    margin:0;
    padding:0;
}
.gallery-view-option li{
    padding:2px 0;
}
.gallery-view-option{
    list-style:none;
    padding:0;
    margin:0;
}
.album-detail-comment .comment{
    margin-right: 30px;
}

/*album detail view*/
.album-comment .comment .qq-upload-button {
    height: 35px!important;
}
.album-comment .comment .upload-section {
    line-height: 35px;
}
.album-comment #commentForm .comment{
    margin-right:0;
}

/*gallery detail view*/
.gallery-comment .comment .qq-upload-button {
    height: 35px!important;
}
.gallery-comment .comment .upload-section {
    line-height: 35px;
}
.gallery-comment .comment{
    margin-right: 30px;
}
.gallery-comment #commentForm .comment{
    margin-right:0;
}

/*end gallery view*/
/*gallery block*/
ul.album-block {
    list-style: none;
    padding: 0;
    margin: 0;
}
.box2 .box_content.popular-album{
    padding:1px;
}
.popular_album_info{
    margin-left: 60px;
}
.album-block li{
    padding: 0;
    float: left;
}
#right .album-block li,
#leftnav .album-block li{

    width: 50%;
}
#center .album-block li{
    width:20%;
}
.album-block li a.popular_album_cover{
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ccc;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
}
.album-block li a.popular_album_cover img{
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.album-block li > div{
    padding:1px;
}
.album-block li a.popular_album_cover .infoLayer{
    display: none;
    position: absolute;
    top: 0px;
    text-align: left;
    font-size: 11px;
    bottom: 0;
    left: 0px;
    z-index: 10;
    color: #fff;
    right: 0px;
    background: rgba(0, 0, 0, 0.6);
}
.album-block li a.popular_album_cover .infoLayer .date{
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    padding: 4px 8px;
    border-radius: 4px;
}
.album-block .infoLayer p {
    margin: 2px 6px;
}
.album-block .album-title{
    display: block;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 5px;
    z-index: 3;
}
/*end gallery block*/
/*gallery feed*/
.PE, .QE {
    float:left;
    vertical-align: top;
}
.PE {
    margin-right: 1px;
    position: relative;
}
.QE {
    position: relative;
    margin-right: -20px;
}
.ej1,
.ej {
    background-color: #f5f5f5;
    line-height: 0;
    min-width: 70px;
    overflow: hidden;
    position: relative;
}
.sp1 img,
.sp img,
.ej1 img,
.ej img{
    max-width: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}
.sp{
    margin-bottom:1px;
    overflow: hidden;
    position:relative;
}

.sp.eq{
    margin-bottom:0;
}
.gallery_addlist a{
    border:none!important;
    height:100%;
    background-size: cover;
    background-position: center center;
    display:block;
    max-height: 750px;
}
.gallery_addlist .galleryAdd2File a{
    height:0;
    padding-bottom:100%;
}
.sp1{
    overflow:hidden;
    position:relative;
}
.sp1.eq1{
    margin-top:1px;
    margin-bottom:1px;
    overflow:hidden;
}
.horizionImage{
    max-width:100%;
}
.div_single{
    text-align: center;
    background: #f5f5f5;
    overflow:hidden;
    max-height: 300px;
}
.activity_feed_content_text .div_single{
    max-height: none;
}
.horizionImage ,
.verticalImage{
    text-align: center;
    width: 100%;
    height: auto;
}
/*end gallery feed*/
/*profle gallery*/
.gallery_profile .title_center h2{
    margin-top: 0px;
    font-weight: 300;
    font-size: 22px;
    color: #3E3E3E;
}
#center.col-md-9 .gallery-list-profile li{
    width:20%;
    float:left;
}
#center.col-md-6 .gallery-list-profile li{
    width:20%;
    float:left;
}
.tagged_gallery .layer_square{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
/*end profile gallery*/
.activity_content{
    list-style:none;
    padding:0;
    margin:0;
}
#wall_gallery_preview img { max-width: 100px; }
.wall_gallery_comment {
    margin-right:10px;  max-width: 100%;
}
.gallery-comment-feed{
    overflow:hidden;
}
.gallery-comment-feed .comment_message{
    margin-bottom:10px;
}
.list-gallery img{
    margin-right:20px;
}
.album-list-index .list_option,
.box-tagged-gallery .list_option,
.gallery-albums .list_option{
    right: 8px;
    top: 7px;
    z-index: 10;
}
.comment_wrapper ul.tagged_gallery{
    overflow: hidden;
}
#page_albums-create .modal-body{
    background:#fff;
}
.box-tagged-gallery .list_option{
    display:none;
}
.box-tagged-gallery li:hover .list_option{
    display:block;
}

.album-list-index .list_option,
.gallery-albums li .list_option{
    display:none;
}
.album-list-index:hover .list_option,
.gallery-albums li:hover .list_option{
    display:block;
}
.album_view_detail ul.hideshare-wrap li {
    display: inline-block;
    width: auto;
}
/* theater mode */
.modal.modal-fullscreen .modal-dialog {
    margin: 0;
    width: 100%;
    height:100%;
}
#galleryModal .modal-content{
    /*max-width: 1440px;*/
    margin: 0 auto;
    height:100%;
}
#galleryModal .modal-content #gallery-content{
    display:table;
    width:100%;
    height:100%;
    background:#fff;
    table-layout: fixed;
}
#galleryModal .modal-content #gallery_wrapper{
    width: 70%;
    display: table-cell;
    vertical-align: middle;
    background-color: #000;
    padding-top: 36px;
    padding-bottom:36px;
}
#galleryModal .modal-content #gallery_comments{
    display: table-cell;
    vertical-align: top;
}
#galleryModal div#gallery_thumbs li {
    width: 50px!important;
    height: 50px;
}
#galleryModal  #gallery_thumbs{
    background-color: #3a3a3a;
    padding: 5px 5px 0;
    clear:both;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    z-index:1;
    height: 79px;
    overflow: hidden;
}
#galleryModal .toogleThumb,
#galleryModal #gallery_right_arrow, #galleryModal #gallery_left_arrow{
    position: static;
    display: inline-block!important;
    width: auto;
    height: auto;
    font-size: 12px;
}
#galleryModal .toogleThumb i,
#galleryModal #gallery_right_arrow i, #galleryModal #gallery_left_arrow i{
    color: #fff;
    position: static;
    font-size: 12px;
    margin: 0;
}
#galleryModal #gallery_right_arrow.inactive i, #galleryModal #gallery_left_arrow.inactive i{
    opacity: 0.5;
}
#galleryModal #gallery_wrapper > .info
{
    color: #636363;
    margin-top: 10px;
    text-align: left;
    padding: 0 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.theater-gallery-option{
    float: right;
    list-style: none;
}
ul.theater-gallery-option li {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}
ul.theater-gallery-option li > div{
    padding-left:0;
}
ul.theater-gallery-option li > div > button{
    background: none;
    border: none;
    font-size: 23px;
    line-height: 0px;
    height: 22px;
    margin: 0;
    padding: 0;
}
ul.theater-gallery-option > li > a {
    color: rgba(255,255,255,0.5);
}
ul.gallery-theater-comment {
    list-style: none;
    padding: 10px 0 6px;
    overflow: hidden;
    margin-bottom: 0;
    clear: both;
}
.gallery-theater-comment li a{
    color:#333;
}

.gallery-theater-comment .likeGallery.active{
    color: #FB7923;
    text-decoration: none;
}

#galleryModal .gallery_comments{
    padding: 0 15px;
    margin-top: 0;
    overflow: auto;
}
#galleryModal .commentButton{
    padding-bottom: 15px;
}
.owner-gallery{
    padding-top: 15px;
}
.owner-gallery{
    overflow: hidden;
}
.owner-gallery > img{
    float: left;
}
.owner-gallery > .owner-info{
    overflow: hidden;
    margin-left: 60px;
    font-size: 13px;
}
#galleryModal #gallery_close_icon{
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    z-index: 1000;
    line-height: 45px;
    font-size: 14px;
}
#galleryModal #gallery_close_icon i{
    position: static;
    margin:0;
    float:none;
    font-size:14px;
}
.gallery_item_comment {
    text-align:center;
    background:#f5f5f5;
}
.gallery_item_comment .wall_gallery_comment{
    max-width:100%;
    width:auto;
}
#galleryModal #tag-wrapper{
    display: table!important;
    table-layout: fixed;
}
#galleryModal #tag-wrapper .gallery_img{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}
.gallery-add-more{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 1;
    display: table;
    width: 100%;
    height: 100%;
}
.gallery-add-more > div{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 35px;
    /* font-weight: bold; */
    color: #fff;
}.theater-gallery-option .dropdown-menu{
     right: 0;
     left: auto;
 }
.theater-gallery-option .hideshare-wrap{
    padding-left: 14px;
}
ul#theaterComments li:hover .edit-post-icon {
    display: block;
}
#gallery_left_arrow_lg{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100px;
}
#gallery_right_arro_lgw{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100px;
}
#gallery_right_arro_lgw i,
#gallery_left_arrow_lg i{
    position: absolute;
    top: 50%;
    margin-top: -26px;
    font-size: 40px;
    color: #999;
    left: 50%;
    margin-left: -28px;
}
.verticalImagePopup{
    max-height: 100%;
}
.gallery_modal_loading{
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    z-index: 2000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.commentForm2{
    resize:none;
    padding-right: 30px;
}
#theaterComments{
    padding-bottom: 30px;
}
#theaterComments > li > .comment{
    padding-right: 30px;
}
#gallery_load_btn .material-icons {
    font-size: 2em;
    vertical-align: middle;
    margin-left: -18px;
}
#page_galleries-view .gallery_comments, #page_guest_galleries-view .gallery_comments{
    overflow: inherit;
}
@media (min-width: 992px){
    #gallery_wrapper{
        margin-left:7px;
        margin-right:7px;
        background:#fff;
    }
    #gallery_thumbs{
        margin-left:7px;
        margin-right:7px;
    }
    #gallery_thumbs ul li a,
    #gallery_thumbs ul li{
        /*        width: 80px;
                height: 80px;*/
    }
    .gallery_comments{
        margin-top:15px;
    }
    .gallery_edit_checkbox{
        right: 10px;
    }
    #gallery_thumbs ul li.viewmore-gallery a, #gallery_thumbs ul li.viewmore-gallery{
        height: 50px;
        line-height: 50px;
    }


}
@media (max-width: 991px){
    .gallery_comments .gallery_right{
        float:none!important;
    }
    .albums li{
        overflow: visible;
    }
    .albums li:after{
        content:'';
        display:block;
        clear:both;
    }
    #gallery_load_btn{
        line-height:32px;
    }
    .albums_edit_item{
        padding-right:10px;
    }
    li.video-list-index a.album_cover,
    .albums_gallery_edit,
    .albums li a.album_cover{
        float: left;
        width: 120px;
        height: 80px;
        padding-bottom: 0!important;
        border: none;
        margin-bottom: 0;
    }
    .albums_gallery_edit,
    .albums.gallery-albums li a.album_cover{
        width:100px;
        height:100px;
    }
    .album_info_edit,
    .album_info {
        margin-left: 130px;
        font-size: 14px;
        padding-top:10px;
    }
    .album_info_edit,
    .gallery-albums .album_info,.album_info_edit{
        margin-left:110px;
    }
    .albums .p_2{
        padding:0;
    }
    .album_info_edit{
        padding-top:13px;
    }
    .gallery_profile .title_center {
        background: #F4F4F4;
        margin-bottom: 10px;
    }
    .gallery_profile .title_center h2{
        margin-top: 0px;
        margin-bottom: 5px;
        font-size: 15px;
    }
    #center .album-list-index,
    #center.col-md-9 .album-list-index,
    #center.col-md-6 .album-list-index{
        width:auto;
        float:none;
    }
    #center.col-md-9 .gallery-list-profile li,
    #center.col-md-6 .gallery-list-profile li{
        width:25%;
    }
    .album_view_detail .mo_breadcrumb{
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .album_view_detail .album-detail-info{
        padding:0 10px 10px;
    }
    #center .album-list-index{
        padding:10px;
    }
    #galleryModal .modal-content #gallery-content{
        display:block;
    }
    #galleryModal #gallery_close_icon i{
        color: rgba(255,255,255,0.5);
    }
    .theater-gallery-option{
        /*float: none;*/
    }
    #galleryModal #gallery_wrapper > .info{
        /*text-align:center;*/
        /*margin-top:0;*/
        /*position:static;*/
    }
    .gallery_on_theater #gallery_thumbs{
        /*display:none;*/
    }
    #galleryModal .modal-content #gallery_wrapper{
        width:100%;
        display:block;
    }
    #galleryModal .modal-content{
        height:auto;
    }
    #galleryModal #tag-wrapper{
        /*        margin-top:0;
                height:auto!important;
                width:100%!important;
                  display: block;*/
    }
    #gallery_src{
        /*        max-height:none;
                max-width:100%;*/
    }
}
@media (max-width:767px){
    #center .galleryItem,
    #center.col-md-9 .galleryItem,
    #center.col-md-6 .galleryItem,
    #center.col-md-9 .gallery-list-profile li,
    #center.col-md-6 .gallery-list-profile li{
        width: 33.33333333%;
    }
    .albums.gallery-albums li a.album_cover{
        width:100px;
        height:100px;
    }
    .gallery-albums .album_info, .album_info_edit{
        margin-left: 110px;
        padding-top: 10px;
    }

}