/*
   Source file:

   https://github.com/flowplayer/www/blob/master/content/media/css/demos/playlist/grid.styl

*/
#v2{
	width: 750px;
	margin-top: 15px;
	float: right;
	background-color: #FFF;
	border: 1px solid #CCC;
	display: block;
	padding: 20px;
	position: relative;
	font-family: "微软雅黑 Light";
	font-size: 18px;
	color: #000;
	line-height: 1.5em;
}
#grid{/* wrapper element for all players */
}
#grid .is-splash .fp-ui{background-position:0 -100em}
#grid .flowplayer{/* hard-coded aspect ratio. (not working smoothly on smaller devices)  */
	width: 230px;
	height: 130px;
	position: absolute;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	background-color: #CCCCCC;
	left: 12px;
	top: 12px;
}
#grid .flowplayer.is-mouseover.is-splash .fp-ui{background-position:center}
#grid .flowplayer.is-ready,#grid .flowplayer.is-loading{
	background: #333 !important;
	top: 15px !important;
	left: 30px !important;
	width: 720px;
	height: 480px;
	z-index: 10;
	-webkit-box-shadow: 0 0 20px #000;
	-moz-box-shadow: 0 0 20px #000;
	box-shadow: 0 0 20px #000
}
#grid #player0{
	top: 12px;
	left: 264px
}
#grid #player1{
}
#grid #player2{top:0;left:498px}
#grid #player3{top:0;left:747px}
#grid #player4{top:143px;left:0}
#grid #player5{top:143px;left:249px}
#grid #player6{top:143px;left:498px}
#grid #player7{top:143px;left:747px}
#grid #player8{top:286px;left:0}
#grid #player9{top:286px;left:249px}
#grid #player10{top:286px;left:498px}
#grid #player11{top:286px;left:747px}