.svwp
{
	width: 0px;
	height: 0px;
    display:none;
}
/*preloader stuff. do not modify!*/
.svwp ul
{
	position: relative;
	left: -999em;
}
/*preloader stuff. do not modify!*/
div#sliderWrapper ul{
    padding:0;
    margin:0;
    line-height:0;
}
.slideViewer
{
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #fff;
}
.slideViewer ul
{
	/*your list of images*/
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.slideViewer ul li
{
	float: left;
}
.slideViewer ul li img
{
	cursor:pointer;
	cursor:hand;	
}
.slideViewer ul.notransition li
{
	position:absolute;
	top:0;
	left:0;
}

/*typographic info*/
.slideViewer span.typo
{
	padding: 6px; /* do not modify padding */
	background: #fff;
	color: #000;
	font-weight: normal;
	font-size:10px;
}

ul.right
{
	float:left;
}

.thumbSlider
{
	/*the thumbnails slider*/
	overflow: hidden;
	width: 1%;
	background: transparent;
}
.thumbSlider ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.thumbSlider ul li
{
	float: left;
	margin: 0;
}
.thumbSlider a
{
	color: #fff;
	text-decoration: none;
}
.thumbSlider a img
{
	border: 0;
	display: block;
	padding: 0;
}
.thumbSlider p.tmbrdr
{
	/* the border above -not around- each thumb */ /* width, height and top values are dynamically added by the script. Do not modify. */
	position: relative;
	left: 0;
	font-size: 0.01em;
	left: 0;
	margin: 0;
	padding: 0;
}

a.left, a.right
{
	/*the left and right buttons (links)*/
	background: transparent; /* could be any color  */
	color: #ff0000;
	font: bold 16px Arial;
	overflow: hidden;
}
a.left span, a.right span
{
}
a.left img, a.right img
{
	border: 0;
}
a.l_dis, a.r_dis
{
	background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
	cursor: default;
}
a span, a span
{
	min-width:1px;
	min-height:1px;
}
a.l_dis span, a.r_dis span
{
	visibility: hidden;
}
a:focus
{
	/*outline: none;*/
}

/*pagination*/
ul.layout_5 li.current a {
    background-position: 0 -12px;
}

ul.layout_5 li a {
    /*background-image: url("../../common/images/slideViewer/pagination.png");*/
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 12px;
}
.ui_l
{
	background:url("../../common/images/slideViewer/transparent.png") repeat scroll 0 0 transparent;
	z-index:999;
}
.ui_r
{
	background:url("../../common/images/slideViewer/transparent.png") repeat scroll 0 0 transparent;
	z-index:999;
}

/*Add 2012/06/11 Nazmul start*/
/*upd 2013/02/04 nazmul start*/
a.bx-prev {
    background: url("../images/slideViewer/arrow_left.png") no-repeat scroll 0 0 transparent;
    height: 43px;
    left: -22px;
    position: absolute;
    text-indent: -999999px;
    top: 105px;
    width: 43px;
    z-index:99999;/*make it higher, if not visible*/
}
a.bx-next {
    background: url("../images/slideViewer/arrow_right.png") no-repeat scroll 0 0 transparent;
    height: 43px;
    position: absolute;
    right: -22px;
    text-indent: -999999px;
    top: 105px;
    width: 43px;
    z-index:99999;/*make it higher, if not visible*/
}
div.bx-wrapper li.hoverEffect:hover{opacity:0.75 !important;filter:alpha(opacity=75) !important;}
a.bx-prev:hover {
    background: url("../images/slideViewer/arrow_left.png") no-repeat scroll 0 0 transparent;
}
a.bx-next:hover {
    background: url("../images/slideViewer/arrow_right.png") no-repeat scroll 0 0 transparent;
}
div.bx-captions
{
	position:absolute;
	color:snow;
	bottom:0;
	background:url("../../common/images/slideViewer/transparentCap.png") repeat scroll 0 0 transparent;
	font-size:0.8em;
	height:42px;
	line-height:1.4;
	width:100%;
	z-index:99;
}
div.bx-captions p{margin:5px 10px 5px 10px;}

/*LAYOUT 3:SLIDE_VIEWER_TYPE_THUMBNAIL_RIGHT*/
div.layout3 li.hoverEffect:hover{opacity:0.75 !important;filter:alpha(opacity=75) !important;}
div.layout3 div.bx-pager
{
	position:absolute;
	right:0;
	top:0;
	width:60px;
	height:100%;
	overflow:hidden;
	z-index:9999;
    margin-right:5px;
}
div.layout3 div.bx-pager a{border:2px solid #808080;margin:3px;display:block;line-height:1;min-height:5px;height:40px;outline:none;}
div.layout3 div.bx-pager a:focus{outline:none;}
div.layout3 div.bx-pager a.pager-active{border:2px solid #FF8C00;margin:3px;display:block;line-height:1;min-height:5px;height:40px;outline:none;}
div.layout3 div.bx-pager img{width:60px;height:40px;outline:none;border:0}
div.layout3 div.bx-captions p{margin:5px 60px 5px 10px;	color:snow;}
div.layout3 .bx-auto
{
	position:absolute;
	bottom:48px;
	left:0;
    margin:0px 0px 0px 6px;
}

/*LAYOUT 4:SLIDE_VIEWER_TYPE_THUMBNAIL_LEFT*/
div.layout4 li.hoverEffect:hover{opacity:0.75 !important;filter:alpha(opacity=75) !important;}
div.layout4 div.bx-pager
{
	position:absolute;
	left:0;
	top:0;
	width:70px;
	height:100%;
	z-index:999;
	overflow:hidden;
	z-index:9999;
}
div.layout4 div.bx-pager a{border:2px solid #808080;margin:3px;display:block;line-height:1;min-height:5px;height:40px;outline:none;}
div.layout4 div.bx-pager a:focus{outline:none;}
div.layout4 div.bx-pager a.pager-active{border:2px solid #FF8C00;margin:3px;display:block;line-height:1;min-height:5px;height:40px;outline:none;}
div.layout4 div.bx-pager img{width:60px;height:40px;outline:none;border:0}
div.layout4 div.bx-captions p{margin:5px 10px 5px 80px;	color:snow;}
div.layout4 .bx-auto
{
	position:absolute;
	bottom:46px;
	right:0;
    margin:0px 10px 0px 0px;
}

/*LAYOUT 6:SLIDE_VIEWER_TYPE_THUMBNAIL_BUTTON*/
div.layout5 li.hoverEffect:hover{opacity:0.75 !important;filter:alpha(opacity=75) !important;}
div.layout5 div.bx-pager
{
	position:absolute;
	/*bottom:0px;*/
	right:0;
	height:22px;
	overflow:hidden;
	z-index:9999;

	bottom:7px;
    padding-right:10px;
}
div.layout5 div.bx-pager a.pager-link
{
	width:12px;
	height:12px;
	margin:5px; 
	text-indent: -99999px;
	position:relative;
	display:inline-block;
	float:left; /*add 2013/04/03 Nazmul*/
	background-position: 0 0;
	overflow:hidden;
}

div.layout5 div.bx-pager a.pager-link
{
    background:url("../images/slideViewer/pagination.png");
    _background:url("../images/slideViewer/pagination.gif"); /* IE6 */
}
div.layout5 div.bx-pager a.pager-active{background-position:0 -12px;}
div.layout5 div.bx-captions p{margin:5px 10px 5px 10px;	color:snow;}
div.layout5 .bx-auto
{
	position:absolute;
	bottom:0px;
	left:0;
    margin:0px 0px 10px 4px;
}


/*LAYOUT 7:SLIDE_VIEWER_TYPE_THUMBNAIL_NUMBER*/
div.layout7 li.hoverEffect:hover{opacity:0.85 !important;filter:alpha(opacity=85) !important;}
div.layout7 div.bx-pager
{
	position:absolute;
	bottom:0;
	width:50%;
	height:22px;
	overflow:hidden;
	z-index:99;
}
div.layout7 div.bx-pager a.pager-link
{
	width:18px;
	height:18px;
	margin:0px 5px 5px 5px; 
	text-indent: -99999px;
	position:relative;
	display:inline-block;
	float:left; /*add 2013/04/03 Nazmul*/
	background-position: 0 0;
}
div.layout7 div.bx-pager a.pager-1{background: url("../images/slideViewer/red/01.gif");}
div.layout7 div.bx-pager a.pager-2{background: url("../images/slideViewer/red/02.gif");}
div.layout7 div.bx-pager a.pager-3{background: url("../images/slideViewer/red/03.gif");}
div.layout7 div.bx-pager a.pager-4{background: url("../images/slideViewer/red/04.gif");}
div.layout7 div.bx-pager a.pager-5{background: url("../images/slideViewer/red/05.gif");}
div.layout7 div.bx-pager a.pager-6{background: url("../images/slideViewer/red/06.gif");}
div.layout7 div.bx-pager a.pager-7{background: url("../images/slideViewer/red/07.gif");}
div.layout7 div.bx-pager a.pager-8{background: url("../images/slideViewer/red/08.gif");}
div.layout7 div.bx-pager a.pager-9{background: url("../images/slideViewer/red/09.gif");}
div.layout7 div.bx-pager a.pager-10{background: url("../images/slideViewer/red/10.gif");}
div.layout7 div.bx-pager a.pager-active{background-position: 0 -18px;}
div.layout7 .bx-auto
{
	position:absolute;
	bottom:0;
	right:0;
    margin:0px 5px 5px 0px;
}

/*upd 2013/02/04 nazmul end*/
/*Add 2012/06/11 Nazmul end*/
a img{border:0}/*add 2013/04/03 Nazmul */


.bx-auto
{
	width:14px;
	height:12px;
	overflow:hidden;
	z-index:99;
    text-align: center;
    display: block;
    padding:3px;
    background-color:#ffffff;
}
.bx-auto a.stop{
    background: rgba(0, 0, 0, 0) url("../images/slideViewer/controls.png") no-repeat scroll -86px -44px;
    display: block;
    height: 11px;
    margin: 0 3px;
    outline: 0 none;
    text-indent: -9999px;
    width: 10px;
}
.bx-auto a.start{
    background: rgba(0, 0, 0, 0) url("../images/slideViewer/controls.png") no-repeat scroll -86px -11px;
    display: block;
    height: 11px;
    margin: 0 3px;
    outline: 0 none;
    text-indent: -9999px;
    width: 10px;
}
div.bx-caption
{
	position:absolute;
	color:snow;
	top:0px;
	background:url("../../common/images/slideViewer/transparentCap.png") repeat scroll 0 0 transparent;
	font-size:0.8em;
	height:45px;
	line-height:1.4;
	width:100%;
	z-index:99;
    text-align:left;
}
div.bx-caption span
{
    margin:0px auto;
    display:block;
    width:98%;
}

#contentPreview
{
    width:980px;
    margin:5px auto;
}

.ldrimg {
	width: 100%;
}
.slide_image {
	border-style: none;
}


.layouttype6 .bx-wrapper .bx-viewport ul,
.layouttype7 .bx-wrapper .bx-viewport ul {
	/*height: 100%;*/
}
	.layouttype6 .bx-wrapper .bx-viewport ul li,
	.layouttype7 .bx-wrapper .bx-viewport ul li {

	}

@media screen and (min-width:768px) {

	.layouttype6 .bx-wrapper .bx-viewport img,
	.layouttype7 .bx-wrapper .bx-viewport img {
		width: 100%;
		/*height: 500px;*/
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}

	.layouttype6 .bx-wrapper .bx-viewport iframe,
	.layouttype7 .bx-wrapper .bx-viewport iframe {
		width: 100%;
		/*height: 500px;*/
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}

	.layouttype6 .bx-wrapper .bx-viewport video,
	.layouttype7 .bx-wrapper .bx-viewport video {
		width: 100%;
		/*height: 500px;*/
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
}
@media screen and (max-width:767px) {
	/* スマホサイズ */

	.layouttype6 .bx-wrapper .bx-viewport img,
	.layouttype7 .bx-wrapper .bx-viewport img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}

	.layouttype6 .bx-wrapper .bx-viewport iframe,
	.layouttype7 .bx-wrapper .bx-viewport iframe {
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}

	.layouttype6 .bx-wrapper .bx-viewport video,
	.layouttype7 .bx-wrapper .bx-viewport video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
}