/*************************************/
/*             程序说明              */
/*************************************/
/*  程序名称：player.css             */
/*  程序功能：播放器的皮肤样式表     */
/*  程序设计：华夏房网-----姚海啸    */
/*  更新日期：2006年6月15日          */
/*************************************/

/*播放器容器*/
#MediaCnt{margin:0 auto; width:350px; overflow:hidden;}

/*顶部边框皮肤*/
#top {margin:0 auto; width:350px; clear:both;}
#top .topLeft{float:left; width:15px; height:22px; background:url(purple/topleft.gif);}
#top .topcenter{float:left; width:320px; height:22px; background:url(purple/topcenter.jpg);}
#top .topright{float:right; width:15px; height:22px; background:url(purple/topright.gif);}

/*视频文件播放区边框皮肤*/
#Video {margin:0 auto; width:350px; clear:both;}
#Video .VideoLeft{float:left; width:15px; height:245px; background:url(purple/videoleft.gif);}
#Video .Videocenter{float:left; margin:0; width:320px; height:245px; text-align:left;}
#media {margin:0 auto; width:320px; height:245px; background:#000; overflow:hidden; clear:both;}
#Video .Videoright{float:right; width:15px; height:245px; background:url(purple/videoright.gif);}

/*视频信息区边框皮肤*/
#MediaInformation {margin:0 auto; width:350px; height:20px; clear:both;}
#MediaInformation .InfoLeft{float:left; width:15px; height:20px; background:url(purple/videoleft.gif);}
#MediaInformation .Infocenter{float:left; width:320px; height:20px;}
#Information {margin:0 auto; width:320px; height:19px; background:#000; border-top:1px solid #FFF; background:#000; clear:both; overflow:hidden;}
#Information .statImg{float:left; margin:0; padding:2px; width:34px; height:15px; text-align:center; border:none;}
#Information #mediaInfo{float:left; margin:0; padding:4px 2px 4px 2px; width:219px; height:12px; font-size:12px; color:#89A4FF; border:none; text-align:left;}
#Information #mediaTime{float:right; margin:0; padding:4px 2px 4px 2px; width:54px; height:12px; font-size:12px; color:#89A4FF; border:none; text-align:right;}
#MediaInformation .InfoRight{float:right; width:15px; height:20px; background:url(purple/videoright.gif);}

/*控制按钮皮肤*/
.controls {margin:0 auto; width:350px; clear:both;}
.controls .ctrLeft{float:left; width:15px; height:54px; background:url(purple/ctrLeft.gif);}

.controls .ctrBtns{float:left; width:320px; height:54px;}
#pZone {margin:0 auto; width:320px; height:19px; font-size:1px; position: relative; left:0; text-align:left; background:url(purple/loading.gif)}
#pBox {overflow: hidden; position: relative; cursor:e-resize; left:5px; top:6px; width:23px;}
.Buttons {margin:0 auto; width:320px; height:21px; clear:both; overflow:hidden;}
.Buttons .BtnLeft{float:left; width:59px; height:21px; background:url(purple/BtnLeft.gif);}
.Buttons #btnPlayStop{float:left; margin:0; width:36px; height:21px;}
.Buttons #btnPlayPause{float:left; margin:0; width:34px; height:21px;}
.Buttons #btnFullScrean{float:left; margin:0; width:29px; height:21px;}
.Buttons .btnCenter{float:left; margin:0; width:5px; height:21px; font-size:1px; background:url(purple/BtnCenter.gif);}
.Buttons #btnOffOnSound{float:left; margin:0; width:32px; height:21px;}
.Buttons #vZone{float:left;position: relative; left:0; margin:0; width:67px; height:21px; background:url(purple/SoundBg.gif) center repeat-x; text-align:left;}
#vBox {overflow: hidden; position: relative; cursor:e-resize; left:34px; top:4px; width:5px;}
.Buttons .BtnRight{float:right; width:58px; height:21px; background:url(purple/BtnRight.gif);}
.CtrBottom {margin:0 auto; width:320px; height:14px; font-size:1px; background:url(purple/BtnBottom.gif);}

.controls .ctrRight{float:right; width:15px; height:54px; background:url(purple/ctrRight.gif);}

/*视频文件标题栏*/
.MediaTitle{margin:0 auto; width:350px; padding:4px 0 4px 0; height:12px; background:url(purple/MediaTitlebg.gif); color:#FFF; font:12px 宋体; text-align:center;}

/*皮肤选择器样式*/
#page_options{float:right; margin:0; width:20px; height:17px; z-index:90; position: relative; clip: rect( ); text-align:right;}

#Sright{float:right; margin:0; padding:3px; width:80px; height:60px; position: absolute; left:24px; top:0; z-index:1; filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffefeff,EndColorStr=#fff3f5fb, GradientType=0)progid:DXImageTransform.Microsoft.Shadow(Color=#ffb6bccb, Strength=2, Direction=135); border:1px solid #AB97BA; background:#F2F0F5; visibility: hidden; text-align:center; overflow:hidden;}

#indexColor{margin:0 auto;padding:2px; width:74px; border:1px solid #AB97BA; cursor:pointer; color:#AB97BA; font:bold 13px 黑体;text-align:right;}

#blank4{margin:0 auto; height:4px; font-size:1px; width:50px;}

.border1{border:1px solid #000;}