body {background:#fff url(./img/bg.png); overflow:auto; margin:0; font:14px/1.5 Arial; color:#555}
	#wrapper	{position:relative; padding:50px 250px 8px 8px; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #55aaff; background:#fff; border:1px solid #ccc; border-radius:4px; box-shadow:1px 1px 3px #ddd}

		#title	{position:absolute; top:8px; left:8px; right:8px; overflow:hidden; 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}

		#media	{padding:2px; background:#fff; box-shadow:0 0 2px #333}
		#player {position:relative; background:#000}


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

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

			#index ul {width:224px; line-height:2; margin:0; padding:0; color:#333; list-style:none; font-size:12px; overflow:auto; position:absolute; top:140px; bottom:5px}

				#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 .duration{float:right; vertical-align:middle; margin:0 5px; font-size:12px; color:#aaa}

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

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

.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}


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