/*²¥·ÅÆ÷Ãæ°åÈÝÆ÷*/
.box{
	font-size:12px;
	width:420px;
	margin:100px auto;
	background:#fff;
	border:solid 1px #979797;
	border-radius:6px;/*ÖÆ×÷Ô²½Ç*/
	box-shadow:0 0 5px 6px rgba(0,0,0,0.05);/*Ãæ°åÒõÓ°*/
	margin:50px auto 0!important;
}
/*²¥·ÅÆ÷Ãæ°åÍ·²¿*/
.boxt{
	height:40px;
	line-height:40px;
	padding:0 16px;
	background:url('../logo.png') no-repeat 5% center;
}
.boxt .minitxt{
	font-size:bold 14px Arial;
	color:#7e97ab;
}
/*²¥·ÅÆ÷Ãæ°å×ó±ß°´Å¥£¨·Âmac´°¿Ú°´Å¥Ð§¹û£©*/
.boxt .circle em{
	display:inline-block;
	background:#e4e4e4;
	border:solid 1px #c7c9cb;
	border-radius:8px;
	width:12px;
	height:12px;
	margin-right:8px;
	border:none;
	border-radius:6px;	
	cursor: pointer;
}
/*¹Ø±ÕÃæ°å°´Å¥*/
.boxt .circle .close{
	box-shadow:inset 0px 1px 1px rgba(83,11,8,.5);
	background:-*-radial-gradient(top center, circle, #fff, #af2b24, #ec8e89);
}
/*Ãæ°å×î´ó»¯°´Å¥*/
.boxt .circle .max{
	box-shadow:inset 0px 1px 1px rgba(117,38,27,.5);
	background:-*-radial-gradient(top center, circle, #fff, #ce712d, #fcdf7d);

}
/*Ãæ°å×îС»¯°´Å¥*/
.boxt .circle .min{
	box-shadow:inset 0px 1px 1px rgba(34,75,15,.5);
	background:-*-radial-gradient(top center, circle, #fff, #74a94e, #bbdd83);
}
/*Ãæ°åÖмäÄÚÈÝ*/
.boxm{
	border:solid 1px #dedede;
	border-width:1px 0;
	padding:20px 16px;
	overflow:hidden;
}
/*Ãæ°å²¥·Å°´Å¥*/
.boxm .boxml{
	float:left;
	padding-top:5px;
}
/*Ãæ°å¿ØÖÆ°´Å¥»ù±¾Ñùʽ*/
.boxm .boxml .btn{
	display:inline-block;
	width:45px;
	height:40px;
	padding-top:5px;
	border:none;
	border-radius:25px;
	text-align:center;
	font-size:0;cursor:pointer;
	box-shadow:inset 0 1px 1px rgba(100,100,100,.3);
	background:-*-linear-gradient(top,#e6e6e6,#f2f1f1);
}
/*font face ÖÆ×÷icon*/
@font-face{
	font-family:"playericon";
	src:url(../font/fontello.eot);
	src:url(../font/fontello.eot#iefix) format("embedded-opentype"), 
	url(../font/fontello.woff) format("woff"),
	url(../font/fontello.ttf) format("truetype"),
	url(../font/fontello.svg) format("svg");
	font-weight:normal;
	font-style:normal;
}

.btn:after{
	font-family:"playericon";
	display:inline-block;
	width:35px;
	height:35px;
	border:none;
	border-radius:20px;
	font-size:18px;
	line-height:35px;
	text-align:center;
	box-shadow:inset 0 -1px 0 rgba(0,0,0,.4);
	background:-*-linear-gradient(top,#fff,#e9e9e9);
}
/*²¥·Åicon*/
.on:after{
	content:"\25B6";
	color:#475057;
}
/*Í£Ö¹icon*/
.stop:after{
	content:"\25A0";
	color:#cf6767;
}
/*ÖÐÖ¹icon*/
.pause:after{
	content:"\2389";
	color:#475057;
}
.btn:hover:after{
	color:#19a6e4;
	box-shadow:0 -1px 0px 1px #ccc;
}
/*Ãæ°åʱ¼ä²¿·Ö*/
.boxm .boxmr{
	font-family:Arial;
	color:#666;
	text-align:right;
	overflow: hidden;
}
.boxm .taketime{
	font-size:30px;
}
.boxm span{
	display:inline-block;
	padding:0 10px;
	font-size:9px;
	-webkit-text-size-adjust:none;
}
/*Ãæ°åµ×²¿Ñùʽ*/
.boxb{
	height:40px;
	line-height:40px;
	padding:0 16px;
	border-top:solid 1px #fff;
	background:#eee;
	font-size:14px;
	font-family:Arial;
	color:#999;
	border-radius:6px;
	text-align:left;
}
.fr{float:right;}
.boxb .volbox{padding:10px 0;}
.boxb .volbox .volicon{margin-right:10px;display:block;width:20px;height:20px;background:url('../iconvol.png') no-repeat center;}
.boxb .volbox .volbarbox{cursor:pointer;position:relative;overflow:hidden;width:80px;height:20px;}
.boxb .volbox .volbarbox .volbar{position:absolute;left:0;top:8px;width:150px;height:4px;}
.boxb .volbox .volbarbox .volbar span{display:inline-block;width:70px;height:100%;vertical-align:top;}
.boxb .volbox .volbarbox .volbar .bar1{background:#108CCF;}
.boxb .volbox .volbarbox .volbar .bar2{background:#555;}
.boxb .volbox .volbarbox .volbar .point{cursor:pointer;position:relative;overflow:hidden;top:-3px;width:10px;height:10px;background:#555;border-radius:50%;}