.jrBoxOverlayBg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/Content/JrBox/Images/bg.png); background-position: top left; background-repeat: repeat; display: none; z-index: 10; }

.jrBoxOverlayContainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0;  z-index: 2000; display: none; }
.jrBoxOverlayContainer td { vertical-align: middle; text-align: center; }

.jrBoxContentContainer { height: auto; width: auto; min-height: 50px; min-width: 50px; margin: 0 auto; padding: 0; -webkit-box-shadow: 0px 0px 10px 0px #000000; box-shadow: 0px 0px 10px 0px #000000; }

.jrBoxContent { display: block; position: relative; width: auto; height: auto; padding: 0; margin: 0; background-color: #000000; background-image: url(/Content/JrBox/Images/loading.gif); background-position: center center; background-repeat: no-repeat; }

.jrboxCloseContainer { position: absolute; top: 0; left: 0; z-index:12; display: block; width:100%; height: 30px; }

.jrBoxClose       { position: absolute; top: 10px; right: 10px; z-index:12; display: block; width:18px; height: 18px; background-image: url(/Content/JrBox/Images/close.png); background-position: top right; background-repeat: no-repeat; cursor: pointer; overflow: hidden; }
.jrBoxClose:hover { position: absolute; top: 10px; right: 10px; z-index:12; display: block; width:18px; height: 18px; background-image: url(/Content/JrBox/Images/close.png); background-position: bottom right; background-repeat: no-repeat; cursor: pointer; overflow: hidden; }

.jrBoxPrev        { position: absolute; top: 0; left: 0; z-index:11; display: none; width:44px; height:100%; background-image: url(/Content/JrBox/Images/prev.png); background-position: center left; background-repeat: no-repeat; cursor: pointer; overflow: hidden; }
.jrBoxPrev:hover  { position: absolute; top: 0; left: 0; z-index:11; display: none; width:44px; height:100%; background-image: url(/Content/JrBox/Images/prev.png); background-position: center right; background-repeat: no-repeat; cursor: pointer; overflow: hidden; }

.jrBoxNext        { position: absolute; top: 0; right: 0; z-index:11; display: none; width:44px; height:100%; background-image: url(/Content/JrBox/Images/next.png); background-position: center right; background-repeat: no-repeat; cursor: pointer; overflow: hidden; }
.jrBoxNext:hover  { position: absolute; top: 0; right: 0; z-index:11; display: none; width:44px; height:100%; background-image: url(/Content/JrBox/Images/next.png); background-position: center left; background-repeat: no-repeat; cursor: pointer; overflow: hidden; }

.jrBoxImg { position: relative; width: auto; height: auto; padding: 0; margin: 0; overflow: hidden; }

.jrBoxTitleContainer { position: absolute; display: none; bottom: 0px; left: 0px; width: 100%; height: auto; padding: 5px 0; margin: 0; z-index: 12; background-image: url(/Content/JrBox/Images/content-bg.png); background-position: top left; background-repeat: repeat; }

.jrBoxTitleContainer .jrBoxGalleryContainer { padding: 0 20px 0 10px; width: auto; height: auto; text-align: left; }
.jrBoxTitleContainer .jrBoxGalleryTitle { font-size: 14px; font-weight: bold; color: #eeeeee; }
.jrBoxTitleContainer .jrBoxImgCount { font-size: 11px; font-weight: bold; color: #eeeeee; }

.jrBoxTitleContainer .jrBoxTitle { font-size: 12px; font-weight: bold; color: #ffffff; padding: 0 20px 0 15px; width: auto; height: auto; text-align: left; }
.jrBoxTitleContainer .jrBoxDescription { font-size: 12px; font-weight: normal; color: #cccccc; padding: 0 20px 0 20px;  width: auto; height: auto; text-align: left; }