@charset "utf-8";
/* CSS Document */



/*overwrite changes*/
.modal-view{background-color:#000; display: block; }
.modal-view .container{  width: auto;   padding: 0;}
.modal-view .mv-slider .item-col{height:440px;}


/*some needs to be add in gallery.css*/
.modal-view .mv-content p.desc-p{margin:0;}
.c-like-all .pop-like h2{margin:0; }
.c-like-all .pop-like .pop-like-list .p-info{ margin:0;}
*{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/*New css added*/
.ga-slider-thumbs{  position: absolute; bottom:-70px; right: 327px; left:30px; text-align:center; white-space:nowrap; overflow:hidden;}
.ga-slider-thumbs li { cursor:pointer; left:0; font-size:0; line-height:0;  display:inline-block; border:#8f8f8f solid 1px; opacity:.3; position:relative;   -webkit-transition: all 1s ease-in-out;
    position: relative;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
.ga-slider-thumbs .active{ border-color:#CCC; opacity:1;}
.ga-slider-thumbs li img{ height:50px; width:72px;}
.scroll-x-slider{ position:relative;}
.scroll-x-slider .prev, .scroll-x-slider .next{ background:url('/groups/images/gallery/np-move.png') no-repeat left bottom; background-size:cover; width:10px; height:18px; position:absolute; color:#FFF; left:12px; top:33px; cursor:pointer; }
.scroll-x-slider .next{ left:auto; right:308px; background-position:left top;}
.scroll-x-slider .prev.off, .scroll-x-slider .next.off{ opacity:0;}

#custom-x-slider .prev, #custom-x-slider .next{width:20px; height:36px; top:30%; z-index:98;}
#custom-x-slider .next{ right:12px;}


/*for my local*/
ul,li{ margin:0; padding:0; list-style:none;}
.gallery-album { white-space:nowrap; }
.gallery-album li{ display:inline-block; vertical-align:top; left:0; width:25%; float:none; -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
.gallery-album li img{width:100%; height:200px;}
.modal-view .mv-content .desc-info{height: 50px;}
.modal-view .comments-section-list{height: 180px;}
.modal-view .op-bg{z-index: 999;}
.modal-view .close{z-index: 1000;}

.not-logged-in .ga-slider-thumbs{ right:102px; left:100px;}
.not-logged-in .modal-view .mo-next{ left:auto; right:20px; background-position:left top; }
.not-logged-in .scroll-x-slider .prev{ left:72px;}
.not-logged-in .scroll-x-slider .next{ right:72px;}

.work-descr{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
}
.works-grid .work-img, .works-grid .work-intro{cursor: pointer;}
.comments-section-list .desc {line-height: 1;}
.comments-section-list .desc p {margin: 0;}
.modal-view .cooli-ui {height: 381px;}