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

#mediabox {
	width:340px;
	height:200px;
	overflow:hidden;
	border:none;
	background:#fff;
}
	#mediabox ul {
		width:340px;
		height:200px;
		margin:0;
		padding:0;
		overflow:hidden;
		position:absolute;
		overflow:hidden;
		z-index:10;
	}
		#mediabox ul li {
			width:340px;
			height:200px;
			overflow:hidden;
			margin:0;
			padding:0;
			list-style:none;
			position:absolute;
			margin:-200px 0 0 0;
		}
			#mediabox ul li a img {
				border:0;
			}
	#mediabox ol {
		position:absolute;
		margin:5px 0 0 315px;
		padding:0;
		overflow:hidden;
		background:#f60;
		padding:5px;
		border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		filter:alpha(opacity=85);
		-moz-opacity: 0.85;
		-khtml-opacity: 0.85;
		opacity: 0.85;
		z-index:20;
	}
		#mediabox ol li {
			width:8px;
			height:8px;
			overflow:hidden;
			display:block;
			margin:0 0 5px 0;
			padding:0;
		}
		#mediabox ol li:last-child {
			margin:0;
		}
			#mediabox ol li a {
				width:8px;
				height:8px;
				display:block;
				overflow:hidden;
				text-indent:-9999px;
				background:#fff;
				border-radius:1px;
				-moz-border-radius:1px;
				-webkit-border-radius:1px;
			}
			#mediabox ol li a:hover, #mediabox ol li a.marked {
				background:#fc0;
			}