body {margin:0; background:url(img/bg.png); font:14px/1.5 Arial; color:#555}

	#wrapper	{position:relative; margin:26px auto 25px auto; padding:15px; background:#fff; border:1px solid #ccc; border-radius:4px; box-shadow:1px 1px 3px #ddd}

		#title	{overflow:hidden; position:absolute; left:15px; right:15px; top:15px; height:30px; color:#333; padding-left:25px; font-size:20px; font-weight:bold; text-shadow:0 1px 0 #ccc; border-bottom:1px solid #ccc; background:url(img/title.jpg) left no-repeat}

		#index	{position:absolute; top:60px; right:15px; bottom:15px; overflow:hidden; width:224px; background:url(img/main.jpg) bottom right no-repeat}

			#index #author img {border:1px solid #ccc; padding:1px; margin-bottom:10px}

			#index ul {width:220px; line-height:2; margin:0; padding:0; color:#333; list-style:none; font-size:12px; overflow:auto; position:absolute; top:140px; bottom:0}
			#index .idx		{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:5px; cursor:pointer; border:1px solid transparent}
			#index .indent	{padding-left:20px}

			#index .idx:hover,
			#index .curr:hover	{color:#f00; background:#def; border:1px solid transparent}

			#index .curr		{background:#ff9; border:1px solid #333}

		#media	{margin-top:45px; margin-right:240px; padding:2px; box-shadow:0 0 2px #333}

			#player {position:relative; background:#000; text-align:center}
				#player video		{margin:0 auto; width:100%; display:block; height:auto !important}
				#player.fullscreen	{position:fixed !important; top:0; left:0; right:0; bottom:0; padding:0; z-index:100; background:#000; max-width:none; min-width:none;}

	footer {text-align:center}

.hint {font-size:10px; font-weight:normal}

.clearfix {*zoom:1;}
.clearfix:before,.clearfix:after {display:table; content:""; line-height:0}
.clearfix:after {clear:both}

.hide-text {font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0}
.input-block-level {display:block; width:100%; min-height:30px; box-sizing:border-box}

#title	{position:absolute; left:15px; right:15px; top:15px; height:30px}


@media (min-width: 600px) and (max-width: 980px) {
	#player {max-width:690px}
}

@media (min-width: 980px) and (max-width: 1200px) {
	#wrapper {width:890px}
	#player {max-width:990px}
}

@media (min-width: 1200px) {
	#wrapper {width:1070px}
	#player {max-width:900px}
}

#wrapper, #noSupportVideo	{display:none}
#noSupportVideo	{margin:60px 0; text-align:center;font-size:14px}