/*demo format*/
* {
	margin:0pt;
	padding:0pt;
}
/*playerbox common style*/
.player_box {
    position:relative;
    margin:0px auto;
    height:65px;
    font-family:Verdana,SimSun,sans-serif;
    font-size:12px;
    text-align:center;  
    overflow:hidden;  
}
.player_box .alpha_container_l,
.player_box .alpha_container_r {
    position:absolute;
    top:0px;
    display:block;    
    width:6px;
    height:65px;
}
.player_box .alpha_container_l {
    left:0px;
    background:url(img/bg_playerbox_l.png) transparent repeat-x scroll 0px 0px;    
}
.player_box .alpha_container_r {
    right:0px;
    background:url(img/bg_playerbox_r.png) transparent repeat-x scroll 100% 0px; 
}
.player_box .inner_container {
    margin:0px 6px;
    height:65px;
    background:url(img/bg_playerbox_c.gif) transparent repeat-x scroll 0px 0px;
}
.player_box a {
    text-decoration:none;
}
.player_box img {
    border:0px;
}
.player_box .clear {
    clear:both;
}
.player_box li {
    list-style-type:none;
}
.player_box .clear {
    clear:both;
}
/*common style*/
.player_box .ctl_btn {
    position:absolute;
    top:9px;
    left:12px;
    width:89px;
    height:31px;
    overflow:hidden;
}
.player_box .ctl_btn li {
    float:left;  
}
.player_box .ctl_btn a {
    display:block;
    height:31px;
    text-indent:-9999px;
    overflow:hidden;
}
.player_box .ctl_btn a {
    background-image:url(img/btn_common.gif);
    background-color:transparent;
    background-repeat:no-repeat;
    background-attachment:scroll;
}
.player_box .btn_pre a,
.player_box .btn_play a {
    margin:0px 2px 0px 0px;
}
.player_box .btn_pre a {
    width:27px;
    background-position:0px 0px;
}
.player_box .btn_pre a:hover {
    background-position:0px -31px;
}
.player_box .btn_play a {
    width:31px;
    background-position:-29px 0px;
}
.player_box .btn_play a:hover {
    background-position:-29px -31px;
}
.player_box .btn_play a.actived {
    background-position:-29px -62px;
}
.player_box .btn_play a.actived:hover {
    background-position:-29px -93px;
}
.player_box .btn_next a {
    width:27px;
    background-position:-62px 0px;
}
.player_box .btn_next a:hover {
    background-position:-62px -31px;
}
.player_box .ctl_btn_attach {
    position:absolute;
    bottom:4px;
    right:8px;
    width:34px;
    height:15px;
}
.player_box .ctl_btn_attach li {
    float:left;
}
.player_box .ctl_btn_attach a {
    display:block;
    width:15px;
    height:15px;  
    background-image:url(img/btn_common_attach.gif);
    background-color:transparent;
    background-repeat:no-repeat;
    background-attachment:scroll;    
    text-indent:-9999px;
    overflow:hidden;
}
.player_box .btn_vol a {
    margin:0px 4px 0px 0px;
}
.player_box .btn_vol a:hover,
.player_box .btn_vol a.actived {
    background-position:0px 0px;
}
.player_box .btn_vol a,
.player_box .btn_vol a.actived:hover {
    background-position:0px -15px;
}
.player_box .btn_setting a {
    background-position:-19px 0px;
}
.player_box .title_container_ex {
    margin:0px 0px 0px 106px;    
    padding:7px 0px;
}
.player_box .title_container {
    background:url(img/bg_title_l.gif) transparent no-repeat scroll 0px 0px;
    height:36px;
}
.player_box .title_outer {
    background:url(img/bg_title_r.gif) transparent no-repeat scroll 100% 0px;
    height:36px;
}
.player_box .title_inner {
    margin:0px 5px;
    background:url(img/bg_title_c.gif) transparent repeat-x scroll 0px 0px;
    height:36px;
    overflow:hidden;
}
.player_box .current_title {
    float:left;
    display:block;    
    width:95%;
    height:20px;
    line-height:20px;
    background:url(img/icon_title.gif) transparent no-repeat scroll 0px 50%;     
    color:#000;
    text-align:left;
    text-indent:15px;
    white-space:nowrap;    
    overflow:hidden;
}
.player_box .current_time {
    display:block;
    height:16px;
    line-height:16px;
    color:#8d8d8d;
    text-align:right;
    font-size:11px;
    clear:both;
}
.player_box .ctl_bar {
    position:absolute;
    bottom:9px;
    left:10px;
    display:block;
    width:70%;
    height:5px;
    background:url(img/ctl_bar_l.gif) transparent no-repeat scroll 0px 0px;    
}
.player_box .ctl_bar_outer {
    display:block;
    height:5px;
    background:url(img/ctl_bar_r.gif) transparent no-repeat scroll 100% 0px;      
}
.player_box .ctl_bar_inner {
    position:relative;
    margin:0px 2px;
    display:block;
    height:5px;
    background:url(img/ctl_bar_blank.gif) transparent repeat-x scroll 0px 0px; 
    cursor:pointer;         
}
.player_box .ctl_bar_handle {
    position:absolute;
    top:-3px;
    left:1%;
    display:block;
    width:12px;
    height:12px;
    background:url(img/btn_handle.gif) transparent no-repeat scroll 0px 0px;
}
.player_box .ctl_bar_status {
    position:absolute;
    top:0px;
    left:0px;
    display:block;
    height:5px;
    line-height:5px;
    overflow:hidden;
    width:1%;
    background:url(img/ctl_bar_status.gif) transparent repeat-x scroll 0px 0px;    
}