/*

xGalleryBase 1.0
(C)opyright xabey 2014

*/

/* Images List */

.xgb_container {
	display: inline-block;
}

.xgb_images { width: 75px; height: 75px; border: 1px solid #004276; border-radius: 2px; overflow: hidden; float: left; margin: 10px; background-color: #004276; }
.xgb_images img { margin: 0 !important; margin-left: auto !important; margin-right: auto !important; min-height: 75px !important; }
.xgb_image { text-align: center; }
.xgb_title { text-align: center; font-size: 9px; }

/* Image Viewer */

#xgb_ImageBg { background-image: url(/lib/xGalleryBase/xbg.png); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5000; display: none; }
#xgb_ImageClose { position: absolute; top: 5px; right: 5px; border-radius: 2px; background-color: #fff; color: #000; z-index: 5001; width: 20px; line-height: 20px; height: 20px; text-align: center; cursor: pointer; border: 1px solid #000; }
#xgb_ImageWrapper { /*border: 1px solid #000;*/ position: absolute; /*background-color: #000;*/ color: #fff; overflow: hidden; }
#xgb_ImageWrapperContainer { position: relative; width: 100%; height: 100%; }
#xgb_Image { display: none; position: absolute; top: 0; left: 0; max-width: 100%; max-height: 100%;  }

#xgb_ImageNext { position: absolute; background-color: #fff; top: 0; right: 5px; width: 40px; height: 40px; border-radius: 2px; cursor: pointer; opacity: 0.5; }
#xgb_ImagePrev { position: absolute; background-color: #fff; top: 0; left: 5px; width: 40px; height: 40px; border-radius: 2px; cursor: pointer; opacity: 0.5; }

#xgb_ImageDesc { position: absolute; background-color: #fff; top: 0; left: 0; width: 100%; height: 25px; color: #000; font-size: 16px; padding: 5px 0px; display: none; opacity: 0.9; text-align: center; border-radius: 0 0 3px 3px; }

@media screen and (max-width:640px) {
	/* Style adjustments for viewports that meet the condition - MOBILE */
	/*#xgb_ImageNext { display: none; }
	#xgb_ImagePrev { display: none; }*/
	/* #xgb_ImageClose { display: none; } */
	#xgb_ImageDesc { font-size: 9px; }
}