/**
 * js_viewer, css de base
 */
.mod_jssv_viewer div
{
	border:none;
}

.jssv_viewer_content
{
	/*background-color:#fff;*/
	position:absolute; 
	overflow:hidden;
}

.jssv_box_title
{
	z-index:20;
	background-color:#000;
	opacity:0;
	position:absolute;
	left:30px;
	top:20px;
}
.jssv_box_title_text
{
	color: #fff;
	opacity:1;
}

.jssv_viewer_layer_1
{
	z-index:12;
	position:absolute;
	bottom:40px;
	left:20px;
	text-align:right;
}

.jssv_extra_1
{
	z-index:2;
	position:absolute;
	right:10px;
	top:10px;
}

.jssv_extra_2
{
	z-index:2;
	position:absolute;
	left:10px;
	bottom:10px;
}

/* Flèches de navigation horizontale grandeur large */
.jssv_prev_slide_h
{
    cursor: pointer;
	position: absolute;
	z-index:15;
	width:20px;
	height:64px;
	background:url(../images/viewer_prev.png) no-repeat;
}
.jssv_prev_slide_h:hover
{
	background:url(../images/viewer_prevo.png) no-repeat;
}

.jssv_next_slide_h
{
    cursor: pointer;
	position: absolute;
	z-index: 15;
	width:20px;
	height:64px;
	background:url(../images/viewer_next.png) no-repeat;
}
.jssv_next_slide_h:hover
{
	background:url(../images/viewer_nexto.png) no-repeat;
}

/* Flèches de navigation verticale grandeur large */
.jssv_prev_slide_v
{
    cursor: pointer;
 	position: absolute;
	z-index:15;
	width:64px;
	height:20px;
	background:url(../images/viewer_up.png) no-repeat;
	vertical-align:middle;
}
.jssv_prev_slide_v:hover
{
	background:url(../images/viewer_upo.png) no-repeat;
}

.jssv_next_slide_v
{
    cursor: pointer;
	position: absolute;
	z-index: 15;
	width:64px;
	height:20px;
	background:url(../images/viewer_down.png) no-repeat;
	vertical-align:middle;
}
.jssv_next_slide_v:hover
{
	background:url(../images/viewer_downo.png) no-repeat;
}

/* Flèches de navigation horizontale grandeur small */
.jssv_prev_slide_h_small
{
    cursor: pointer;
	position: absolute;
	z-index:15;
	width:10px;
	height:17px;
	background:url(../images/viewer_mini_prev.png) no-repeat;
}
.jssv_prev_slide_h_small:hover
{
	background:url(../images/viewer_mini_prevo.png) no-repeat;
}

.jssv_next_slide_h_small
{
    cursor: pointer;
	position: absolute;
	z-index:15;
	width:10px;
	height:17px;
	background:url(../images/viewer_mini_next.png) no-repeat;
}
.jssv_next_slide_h_small:hover
{
	background:url(../images/viewer_mini_nexto.png) no-repeat;
}

/* Flèches de navigation verticale grandeur small */
.jssv_prev_slide_v_small
{
    cursor: pointer;
 	position: absolute;
	z-index:15;
	width:64px;
	height:20px;
	background:url(../images/viewer_mini_up.png) no-repeat;
	vertical-align:middle;
}
.jssv_prev_slide_v_small:hover
{
	background:url(../images/viewer_mini_upo.png) no-repeat;
}

.jssv_next_slide_v_small
{
    cursor: pointer;
	position: absolute;
	z-index: 15;
	width:64px;
	height:20px;
	background:url(../images/viewer_mini_down.png) no-repeat;
	vertical-align:middle;
}
.jssv_next_slide_v_small:hover
{
	background:url(../images/viewer_mini_downo.png) no-repeat;
}

.jssv_viewer_loading
{
	/*background-color:#000000;
	opacity:.5;*/
	cursor:progress;
}
.jssv_viewer_fullscreen
{
	z-index:14; 
	position: absolute;
	right:10px;
	top:10px;
	height:38px;
	width:38px;
	cursor:pointer;
	background:url('../images/fullscreen.png') no-repeat right top;
}

.jssv_viewer_close_fullscreen
{
	z-index:14; 
	position: absolute;
	right:10px;
	top:10px;
	height:38px;
	width:38px;
	cursor:pointer;
	background:url('../images/close.png') no-repeat right top;
}
.slider_viewer_content.fullscreen
{
	background-color:rgba(0, 0, 0, .8);
}