/* --- functional styling 
*/
.scroller-gallery-con{
	position:relative;
	margin-bottom:24px
}
.scroller-gallery{
	position:relative;
}
.scroller-gallery .desc{
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background:rgb(0,0,0);
	background:rgba(0,0,0,0.8);
}
.masonry > *{
	overflow:hidden;
}
.scroller-gallery a{ text-decoration:none; color: #fff; }
.scroller-gallery .desc > div{ padding:10px 15px; }
.scroller-gallery .desc .fake-link{ color:#09F; }
.scroller-gallery h5{ padding:10px 0; }
.icon{ width:9px; height:9px; position:absolute; top:20px; right:15px; background-repeat:no-repeat; background-position:50% 50%;  }
.icon.page { background-image: url('styleimg/page.png'); }
.icon.image { background-image: url('styleimg/image.png'); }
.icon.video { background-image: url('styleimg/video.png'); }

/* -- arrow styling */

.scroller-gallery .inners{ position:absolute; top:0; left:0; z-index:1;
}

/* --- estethic styling 
*/
.scroller-gallery .arrowleft-con{ width:50px; height:100%; border-right:1px solid rgba(0,0,0,0.3); background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; opacity:0.7; cursor:pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; z-index:2; 
}
.ie .scroller-gallery .arrowleft-con,.ie .scroller-gallery .arrowright-con{background:#000; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.scroller-gallery .arrowleft{ width:25px; height:25px;  position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-12px; background:url(styleimg/arrowleft.png) no-repeat center center;
}
.scroller-gallery .arrowleft-con:hover{ opacity:1;
}
.scroller-gallery .arrowright-con{ width:50px; height:100%; border-left:1px solid rgba(0,0,0,0.3); background:rgba(0,0,0,0.5); position:absolute; top:0; right:0; opacity:0.7; cursor:pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;	 z-index:3;
}
.scroller-gallery .arrowright{ width:25px; height:25px;  position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-12px; background:url(styleimg/arrowright.png) no-repeat center center;
}
.scroller-gallery .arrowright-con:hover{ opacity:1;
}

/*misc*/
.preloader{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius:10px;
	background:#fff url(./styleimg/preloader.gif) center no-repeat;
}
.fullwidth{ width:100%; }
.fullheight{ height:100%; }