﻿.crossover{position:relative}
.crossslide{
	border-radius:5px;
}
div.caption {
	position:absolute;
	bottom:7px;
	left:10px;
	color:#fff;
	display:none;
	text-shadow:#000 1px 1px 1px;
}

.sliderimg{
	position:relative;
	overflow:hidden;
}
.contentimg{
	position:relative;
	overflow:hidden;
	float:left;
}
.contentholderimg{
	height:300px;
	overflow:hidden;
}
.contentsliderimg{
	position:absolute;
	top:0;left:0
}
.contentnavimg,.rotnextimg{
	position:absolute;
	bottom:5px;right:0;
	z-index:auto;
}
.rotnextimg{right:5px}
.contentnavimg a{
	font-size:120%;
	padding:0 9px;
}
.contentnavimg a.active,.contentnavimg a:hover{
	color:#666;text-decoration:none;
}
.contentimg .text{
	background:url(../../gfx/op.png);
	border:solid #666;
	border-width:1px 0 1px 1px;
	position:absolute;
	padding:3px 7px;
	color:#fff;
	bottom:30px;
	right:0;
	text-align:left;
	text-shadow:#000 1px 1px 1px;
}
.rotnextimg{height:25px;cursor:pointer}

@media(max-width:700px){
.crossslide{width:100%}
.rotnextimg,.contentnavimg,.contentimg .text{display:none}
.sliderimg,.contentimg,.contentholderimg,.contentsliderimg{float:none;width:auto;height:auto;overflow:auto;position:static}
}