@import url("common.css");

/* ===== SPECIFIC SS ===== */

/* TEMPLATE */
div#tplPge{
	position: absolute;
	width:100%;
	height:100%;
	overflow:hidden;	
}
div#tplNav{
	display: none;
}
.ssBkRoot {
	position: relative;
}
.ssBk,
.ssContainer{
	position: absolute;
	left:0px;
	right:0px;
	background-color: white;
}
.ssBk .ssBk{
	position: static;
	background-color: inherit;
}
.ssBkCoParent {
	position: relative;
}
.pge_ti {
	text-align: center;
}

/* ZOOM */
.zoom{
	background:url(../img/co/zoom.png) center center no-repeat;
	display: block;
	width:40px;
	height:40px;
	position: absolute;
	top:-5px;
	right:-20px;
}
.zoom:hover{
	background:url(../img/co/zoomOver.png) center center no-repeat;
}
.zoom span{
	display: none;
}

/* ANIMATION */
div.sldAnmCtrl{
	background-color: white;
	position:absolute;
	bottom:20px;
	right:5px;
	height: 25px;
	width: 80px;
}
div.sldAnmCtrl span{
	display: none;
	position: absolute;
}
div.sldAnmCtrl a{
	display: block;
	width:15px;
	height:15px;
	background:rgba(0, 0, 0, 0) url("../img/co/btns.svg") no-repeat scroll 0 0 / 15px auto;
	position: absolute;
	bottom: 4px;
}
a.sldAnmBtnPrv:hover, a.sldAnmBtnNxt:hover, a.sldAnmBtnPse:hover, a.sldAnmBtnPly:hover{
	opacity:0.7;
}
div.sldAnmCtrl a.sldAnmBtnNxt{
	background-position: 0px -30px;
	right:5px;
}
div.sldAnmCtrl a.sldAnmBtnPly{
	background-position: 0px -45px;
	left:33px;
}
div.sldAnmCtrl a.sldAnmBtnPrv{
	background-position: 0px -60px;
	left:5px;
}
div.sldAnmCtrl a.sldAnmBtnPse{
	background-position: 0px -75px;
	left:33px;
}