@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	background: #FFF;
}
p,h1,h2,ul,li,iframe {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border: none;
}
a {
	text-decoration: none;
}
li {
	list-style-type: none;
}
#player {
	width: 980px;
	height: 552px;
	overflow: hidden;
}
#controller {
	width: 980px;
	height: 83px;
	box-sizing: border-box;
	padding: 7px;
}
#controller li {
	float: left;
	width: 177px;
	height: 37px;
}
#controller li.wide {
	width: 240px;
}
#controller li.wide2 {
	width: 372px;
}
#controller li.mid {
	width: 212px;
}
#controller li a,
#controller li span {
	display: block;
	width: 170px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	color: #333;
	border: solid 1px #333;
}
#controller li.mid a,
#controller li.mid span {
	width: 205px;
}
#controller li.wide a,
#controller li.wide span {
	width: 230px;
}
#controller li.wide2 a,
#controller li.wide2 span {
	width: 365px;
}
#controller li span {
	background: #e4007f;
	color: #FFF;
	border: solid 1px #e4007f;
}
#controller li a:hover {
	border: solid 1px #e4007f;
	background: #FFF;
	color: #e4007f;
}