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

.flexslider {
	position:relative; z-index:11; background:none; margin:0 !important; border:none;
  -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
  -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;	
}

.bx-wrapper .bx-viewport { 
  -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; left:0; background-color:transparent; overflow:visible !important; 
}

.flex-caption {
	display:inline-block; position:absolute; top:0; right:0; bottom:-30px; z-index:20000; background-color:rgba(192, 51, 55, 0.4);
	padding:30.3% 0 0 0; font-size: 0.80em; font-weight:normal; color:#fff;
}

.flex-caption-notext { min-width:250px !important; bottom:0px !important; }

.flex-captionbox { display:inline-block; padding:5px 12px; background-color:rgba(192, 51, 55, 0.2); white-space:nowrap; }

.bx-wrapper .bx-pager { text-align:left; padding-top:0; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { left:8px; bottom:-28px; }
.bx-wrapper .bx-pager.bx-default-pager a { background:rgba(255, 255, 255, 0.9); }
.bx-wrapper .bx-pager.bx-default-pager a.active { background:rgba(192, 51, 55, 1); }

.flexsliderDetail .bx-wrapper .bx-viewport { overflow:hidden !important; }

@media screen and (max-width: 500px) {
	.flex-caption { left:0; background-color:transparent; }
	.flex-captionbox { display:block; text-align:right; background-color:rgba(192, 51, 55, 0.6); }
}

.flexsliderDetail img { width:auto; max-height:500px; }
.flexsliderDetail .flex-caption {
	display:block; position:absolute; top:auto; right:0; bottom:0; left:0; z-index:20000; background-color:rgba(192, 51, 55, 0.6);
	font-size: 0.80em; font-weight:normal; color:#fff; text-align:right; padding:5px 20px; white-space:nowrap;
}