 ul#light-gallery{
	list-style: none outside none;
	padding-left: 0;
} 
li.ablumn { margin-right:0.2%;}
lli.ablumn.last { margin-right:0;}
 
.ablumn-container { overflow:auto;}
.ablumn-container.height-index { margin-top:30px; } 
.ablumn-container.height-inide { margin-top:150px; } 

.ablumn-container.height-index a div{
	margin-right:0.2%;
}
.ablumn-container.height-index a div.last {
	margin-right:0;
}

.ablumn { width:19.8%; border-right:2px solid #fff; box-sizing: border-box; float:left; margin-bottom:10px; background-color:#e8e8e8;
                                                    -webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                                                            transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                                           -webkit-transition-property: background-color, color;
                                                   transition-property: background-color, color;
                                                            box-shadow: none}
.ablumn img { max-width:100%; }
.ablumn .ablumn-name {padding:10px 15px; height:60px; overflow:hidden;
                    text-overflow:-o-ellipsis-lastline; 
                          display: -webkit-box;
               -webkit-line-clamp: 3;
               -webkit-box-orient: vertical;}
a>.ablumn {color:#333}
a:hover>.ablumn { color:#fff; background-color:#880656}
.ablumn-height {height:295px;}

.cover-photo-blk { width:100%; margin-bottom:10px;}
.cover-photo-blk .cp-title-blk { position:absolute; bottom:0; z-index:30; color:#fff; padding:20px}
.cover-photo-blk .cp-title-blk .cp-title { font-size:30px; line-height:normal}
.cover-photo-blk .cp-title-blk .no-photo { line-height:normal}
.cover-photo-blk .cp-title-blk .no-photo i {margin-right:5px;}
.bgBlack { background:url(images/bg-photo-cover.png) repeat-x; width:100%; height:550px; position:absolute; z-index:20; bottom:0}



/* =============================================================================
  = iPad (Portrait & Landscape Styles)
   ============================================================================= */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
.ablumn .ablumn-name {padding:10px 15px; height:115px; overflow:hidden;
                    text-overflow:-o-ellipsis-lastline; 
                          display: -webkit-box;
               -webkit-line-clamp: 5;
               -webkit-box-orient: vertical;}

.ablumn-height {height:290px;}

}
