.PCD_mplayer { position: absolute; font-family: "Microsoft Yahei"; font-size: 12px; }.PCD_mplayer a { color: #fff; }.PCD_mplayer a:hover { text-decoration: none; }.PCD_mplayer .panel_area { position: absolute; left: 0; top: -298px; width: 685px; height: 300px; border-top-left-radius: 2px; border-top-right-radius: 2px; background: url("../../../images/pagecard/player/player_bg.png?id=201401132037") ; }.PCD_mplayer .panel_area .title_box { position: relative; height: 48px; margin-bottom: 6px; border-bottom: solid 1px #565656; color: #fff; }.PCD_mplayer .panel_area .title_box .ul_title { display: inline-block; float: left; margin: 16px 0 0 21px; }.PCD_mplayer .panel_area .title_box .li_title { margin-right: 38px; }.PCD_mplayer .panel_area .title_box .li_title .title { font-size: 14px; font-weight: bold; }.PCD_mplayer .panel_area .title_box .li_title .title_num { margin-left: 4px; }.PCD_mplayer .panel_area .title_box .li_title { float: left; _display: inline; }.PCD_mplayer .panel_area .title_box .li_title .title_item { position: relative; display: inline-block; height: 33px; overflow: hidden; }.PCD_mplayer .panel_area .title_box .li_title .title_item .ani_border { display: inline-block; position: absolute; left: 0; width: 100%; opacity: 0; bottom: -2px; border-bottom: solid 2px #fa7d3c; z-index: 1; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; }.PCD_mplayer .panel_area .title_box .li_title .title_current .ani_border { opacity: 1; bottom: 0; }.PCD_mplayer .panel_area .title_box .li_title .title_item:hover .ani_border { bottom: 0; opacity: 1; }.PCD_mplayer .panel_area .title_box .opt_btn { position: absolute; top: 10px; right: 10px; }.PCD_mplayer .panel_area .list_area { position: relative; height: 244px; overflow: hidden; }.PCD_mplayer .panel_area .list_area .list_wrap { height: 100%; margin-right: -30px; padding-right: 30px; overflow-y: scroll; overflow-x: hidden; }.PCD_mplayer .panel_area .list_area .empty_box { margin-top: 52px; text-align: center; color: #fff; }.PCD_mplayer .panel_area .list_area .empty_box .text { margin-top: 13px; line-height: 20px; }.PCD_mplayer .panel_area .list_area .empty_box .text a { color: #fa7d3c; }.PCD_mplayer .panel_area .list_area .empty_box .text a:hover { text-decoration: underline; }.PCD_mplayer .panel_area .list_box { display: inline-block; float: left; width: 670px; padding-bottom:6px; }.PCD_mplayer .panel_area .scroll_box { position: absolute; top: 0; right: 10px; bottom: 4px; overflow: hidden; width: 5px; }.PCD_mplayer .panel_area .scroll_bar { position: absolute; border-radius: 3px; width: 5px; background: #808080; }.PCD_mplayer .panel_area .li_item { height: 28px; position: relative; cursor: pointer; color: #808080; line-height: 28px; }.PCD_mplayer .panel_area .li_item .music_name,.PCD_mplayer .panel_area .li_item .singer_name { display: inline-block; float: left; height: 28px; white-space: nowrap; text-overflow: ellipsis; }.PCD_mplayer .panel_area .li_item .music_name { width: 374px; margin-left: 20px; }.PCD_mplayer .panel_area .li_item .singer_name { width: 240px; margin-left: 10px; }.PCD_mplayer .panel_area .li_item .opt_box { display: none; position: absolute; top: 2px; right: 18px; width: 80px; }.PCD_mplayer .panel_area .li_item .opt_box .ico_ctrl { margin-left: 12px; }.PCD_mplayer .panel_area .li_item:hover .opt_box { display: block; }.PCD_mplayer .panel_area .li_item:hover { background: #000; color: #fff; }.PCD_mplayer .panel_area .ul_list .current { color: #fa7d3c; }.PCD_mplayer .fold_ctrl_area { width: 25px; height: 40px; margin-top: 2px; padding-top: 35px; border-radius: 0 2px 2px 0; background: #000; cursor: pointer; }.PCD_mplayer .fold_ctrl_area .mask { position: relative; width: 13px; height: 18px; margin: 0 auto; text-align: center; }.PCD_mplayer .fold_ctrl_area .masker { position: absolute; display: inline-block; width: 13px; height: 18px; background: #000; opacity: 0; top: -5px; left: 0; }.PCD_mplayer .unfold_area { position: relative; display: inline-block; float: left; width: 660px; padding-top: 2px; }.PCD_mplayer .unfold_area .unfold_bg { width: 660px; height: 75px; background: url("../../../images/pagecard/player/player_bg.png?id=201401132037") ; }.PCD_mplayer .lyric_wrap { display: inline-block; float: left; width: 200px; height: 75px; margin: 2px 0 0 1px; }.PCD_mplayer .player_bg { position: relative; display: inline-block; float: left; }.PCD_mplayer .time_wrap { position: relative; }.PCD_mplayer .time_wrap .time_bar { height: 3px; background: #5a5a5a; cursor: pointer; }.PCD_mplayer .time_bar .cur_time_bg { position: relative; width: 0; height: 3px; background: #fa7d3c; }.PCD_mplayer .time_bar .cur_time { position: absolute; width: 7px; height: 7px; top: -2px; right: -2px; border-radius: 7px; background: #fa7d3c; }.PCD_mplayer .time_wrap .time_count { position: absolute; height: 14px; bottom: -17px; right: 5px; }.PCD_mplayer .lyric_wrap .lyric_bg { position: relative; padding: 10px 30px; border-radius: 2px; background: url("../../../images/pagecard/player/player_bg.png?id=201401132037") ; }.PCD_mplayer .lyric_wrap .ico_close { position: absolute; right: 5px; top: 5px; }.PCD_mplayer .lyric_wrap .content { height: 55px; overflow: hidden; text-align: center; }.PCD_mplayer .lyric_wrap p { line-height: 18px; }.PCD_mplayer .lyric_wrap .cur_word { color: #fff; }.PCD_mplayer .unfold_area .main_panel { position: relative; margin: 10px 17px 10px 8px; }.PCD_mplayer .main_panel .music_info { display: inline-block; float: left; width: 181px; padding-right: 10px; border-right: 1px solid #4d4d4d; }.PCD_mplayer .music_info .music_pic { float: left; width: 50px; }.PCD_mplayer .music_info .music_pic .pic img { width: 50px; height: 50px; }.PCD_mplayer .music_info .music_detail { margin-left: 55px; }.PCD_mplayer .music_info .author_bar { padding-top: 4px; line-height: 14px; overflow: hidden; }.PCD_mplayer .music_info .source_bar { padding-top: 6px; }.PCD_mplayer .music_info .name { display: block; color: #fff; font-weight: bold; }.PCD_mplayer .music_info .author { margin-right: 5px; }.PCD_mplayer .music_info .source { color: #fa7d3c; margin-left: 6px; }.PCD_mplayer .ico_ctrl,.PCD_mplayer .ico_mplayer { display: inline-block; background-image: url("../../../images/pagecard/player/ico_btn_player.png?id=201409171125") ; background-repeat: no-repeat; background-color: transparent; }.PCD_mplayer .ico_close { width: 7px; height: 7px; background-position: 0 0; }.PCD_mplayer .ico_close:hover { background-position: -10px 0; }.PCD_mplayer .ico_liked_lite { width: 11px; height: 12px; background-position: -25px -140px; }.PCD_mplayer .ico_like_lite { width: 11px; height: 12px; background-position: -25px 0; }.PCD_mplayer .ico_like_lite:hover { background-position: -45px 0; }.PCD_mplayer .ico_share_lite { width: 13px; height: 12px; background-position: -25px -20px; }.PCD_mplayer .ico_share_lite:hover { background-position: -45px -20px; }.PCD_mplayer .ico_del_lite { width: 12px; height: 12px; background-position: -25px -40px; }.PCD_mplayer .ico_del_lite:hover { background-position: -45px -40px; }.PCD_mplayer .ico_unfold { width: 6px; height: 10px; background-position: 0 -30px; }.PCD_mplayer .fold_ctrl_area { display: inline-block; float: left; }.PCD_mplayer .fold_ctrl_area:hover .ico_unfold { background-position: -10px -30px; }.PCD_mplayer .ico_fold { background-position: 0px -15px; }.PCD_mplayer .fold_ctrl_area:hover .ico_fold { background-position: -10px -15px; }.PCD_mplayer .ico_prev { width: 16px; height: 19px; background-position: -65px 0; }.PCD_mplayer .ico_prev:hover { background-position: -90px 0; }.PCD_mplayer .ico_next { width: 16px; height: 19px; background-position: -65px -30px; }.PCD_mplayer .ico_next:hover { background-position: -90px -30px; }.PCD_mplayer .ico_play { width: 22px; height: 25px; background-position: -65px -60px; }.PCD_mplayer .ico_play:hover { background-position: -90px -60px; }.PCD_mplayer .ico_pause { width: 22px; height: 25px; background-position: -65px -90px; }.PCD_mplayer .ico_pause:hover { background-position: -90px -90px; }.PCD_mplayer .ico_solo { width: 18px; height: 19px; background-position: -120px 0px; }.PCD_mplayer .ico_solo:hover { background-position: -150px 0px; }.PCD_mplayer .ico_loop { width: 18px; height: 19px; background-position: -120px -30px; }.PCD_mplayer .ico_loop:hover { background-position: -150px -30px; }.PCD_mplayer .ico_rand { width: 18px; height: 19px; background-position: -120px -60px; }.PCD_mplayer .ico_rand:hover { background-position: -150px -60px; }.PCD_mplayer .contrl_panel { display: inline-block; float: left; }.PCD_mplayer .contrl_panel .base_ctrl .ico_ctrl { margin-right: 25px; }.PCD_mplayer .contrl_panel .contrl_bar .ico_next,.PCD_mplayer .contrl_panel .contrl_bar .ico_prev { vertical-align: -3px; }.PCD_mplayer .contrl_panel .contrl_bar .ico_play,.PCD_mplayer .contrl_panel .contrl_bar .ico_pause { vertical-align: -6px; }.PCD_mplayer .contrl_panel .contrl_bar .ico_loop,.PCD_mplayer .contrl_panel .contrl_bar .ico_solo,.PCD_mplayer .contrl_panel .contrl_bar .ico_rand { vertical-align: -3px; }.PCD_mplayer .ico_vol { width: 15px; height: 14px; background-position: -25px -60px; }.PCD_mplayer .ico_vol:hover { background-position: -45px -60px; }.PCD_mplayer .ico_mute { width: 15px; height: 14px; background-position: -25px -80px; }.PCD_mplayer .ico_mute:hover { background-position: -45px -80px; }.PCD_mplayer .ico_curvol { width: 15px; height: 15px; background-position: -25px -100px; }.PCD_mplayer .ico_curvol:hover { background-position: -45px -100px; }.PCD_mplayer .ico_like { width: 30px; height: 30px; background-position: -180px 0; }.PCD_mplayer .ico_like:hover { background-position: -220px 0px; }.PCD_mplayer .ico_unlike { width: 30px; height: 30px; background-position: -180px -80px; }.PCD_mplayer .ico_share { width: 30px; height: 30px; background-position: -180px -40px; }.PCD_mplayer .ico_share:hover { background-position: -220px -40px; }.PCD_mplayer .ico_list { width: 11px; height: 10px; background-position: -25px -120px; }.PCD_mplayer .ico_list:hover { background-position: -45px -120px; }.PCD_mplayer .ico_lyric { color: #b3b3b3; text-align: center; font-size: 12px; }.PCD_mplayer .ico_lyric:hover { color: #fff; }.PCD_mplayer .ico_lyric_open,.PCD_mplayer .ico_lyric_open:hover { background-position: -100px -180px; color: #808080; }.PCD_mplayer .ico_time_arrow { position: absolute; top: 15px; left: 50%; margin-left: -5px; width: 10px; height: 6px; background-position: 0 -50px; }.PCD_mplayer .ico_list_warn { width: 37px; height: 43px; background-position: -120px -90px; }.PCD_mplayer .ico_note { width: 14px; height: 17px; background-position: 0 -65px; margin-top: -5px; }.PCD_mplayer .ico_play_lite { width: 10px; height: 13px; background-position: -25px -160px; }.PCD_mplayer .ico_play_lite:hover { background-position: -45px -160px; }.PCD_mplayer .ico_add_lite { width: 12px; height: 12px; background-position: -25px -180px; }.PCD_mplayer .ico_add_lite:hover { background-position: -45px -180px; }.PCD_mplayer .ico_pay{ width:49px; height:17px; margin-left:8px; background-color:#fa7d3c; background-position:-125px -150px; line-height:17px; color:#fff; text-indent:20px; border-radius:2px;}.PCD_mplayer .ico_pay:hover{ background-color:#f7671d;}.PCD_mplayer .ico_paid{ width:49px; height:17px; margin-left:8px; background:#3a3a3a -125px -175px; text-align:center; line-height:17px; color:#808080; border-radius:2px;}.PCD_mplayer .vol_ctrl { display: inline-block; cursor: pointer; }.PCD_mplayer .contrl_panel .contrl_bar .vol_ctrl .ico_ctrl { margin: 0; }.PCD_mplayer .vol_ctrl .ctrl_bar { display: inline-block; width: 74px; height: 3px; margin-left: 12px; vertical-align: 5px; background: #595959; }.PCD_mplayer .vol_ctrl .cur_vol { position: relative; width: 0px; height: 3px; background: #fff; }.PCD_mplayer .vol_ctrl .cur_volmute { background: #b3b3b3; }.PCD_mplayer .vol_ctrl .ico_curvol { position: absolute; top: -6px; right: -6px; }.PCD_mplayer .contrl_panel .base_ctrl,.PCD_mplayer .contrl_panel .vol_ctrl,.PCD_mplayer .contrl_panel .opt_ctrl { display: inline-block; float: left; }.PCD_mplayer .contrl_panel .opt_ctrl { margin: -3px 0 0 10px; }.PCD_mplayer .contrl_panel .opt_ctrl .ico_like,.PCD_mplayer .contrl_panel .opt_ctrl .ico_unlike,.PCD_mplayer .contrl_panel .opt_ctrl .ico_share,.PCD_mplayer .contrl_panel .opt_ctrl .ico_list,.PCD_mplayer .contrl_panel .opt_ctrl .ico_lyric { display: inline-block; float: left; }.PCD_mplayer .contrl_panel .opt_ctrl .ico_like,.PCD_mplayer .contrl_panel .opt_ctrl .ico_unlike,.PCD_mplayer .contrl_panel .opt_ctrl .ico_share { margin-left: 10px; }.PCD_mplayer .contrl_panel .opt_ctrl .ico_list { margin: 10px 0 0 20px; }.PCD_mplayer .contrl_panel .opt_ctrl .ico_lyric { margin: 8px 0 0 11px; }.PCD_mplayer .contrl_panel { margin: 16px 0 0 24px; font-size: 0; position: relative; }.PCD_mplayer .contrl_panel .vol_ctrl { margin: 6px 0 0 1px; }.PCD_mplayer .contrl_panel .layer_loop { position: absolute; bottom: -5px; left: 123px; padding: 8px 6px 2px 6px; background: #3a3a3a; border-radius: 3px; }.PCD_mplayer .contrl_panel .layer_loop .ico_ctrl { display: block; margin: 0 0 8px 0; vertical-align: 0; }.PCD_mplayer .tcol_sub { color: #808080; }.PCD_mplayer .layer_time { position: absolute; width: 40px; height: 15px; line-height: 15px; color: #808080; text-align: center; background: #191919; border: solid 1px #4d4d4d; border-radius: 3px; }.PCD_mplayer .layer_time .content { position: relative; display: inline-block; }.PCD_mplayer .autocut { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.PCD_mplayer .ani-fade-in { -webkit-animation: PCD_mplayer_fade-in .5s 1; -moz-animation: PCD_mplayer_fade-in .5s 1; -o-animation: PCD_mplayer_fade-in .5s 1; -ms-animation: PCD_mplayer_fade-in .5s 1; animation: PCD_mplayer_fade-in .5s 1; }.PCD_mplayer .ani-fade-out { -webkit-animation: PCD_mplayer_fade-out .5s 1; -moz-animation: PCD_mplayer_fade-out .5s 1; -o-animation: PCD_mplayer_fade-out .5s 1; -ms-animation: PCD_mplayer_fade-out .5s 1; animation: PCD_mplayer_fade-out .5s 1; }.PCD_mplayer .ico_search { width: 15px; height: 16px; background-position: -65px -125px; }.PCD_mplayer .ico_arrow_down { width: 7px; height: 4px; background-position: 0 -100px; }.PCD_mplayer .search_box { width: 248px; height: 24px; border: solid 1px #050505; background: #3a3a3a; }.PCD_mplayer .search_box .ipt_txt { width: 210px; height: 20px; margin-left: 8px; outline: none; border: none; background: none; color: #808080; vertical-align: middle; }.PCD_mplayer .panel_area .title_box .opt_box { float: right; height: 24px; margin: 12px 32px 0 0; }.PCD_mplayer .panel_area .title_box .opt_box .search_box { display: inline-block; vertical-align: middle; }.PCD_mplayer .panel_area .title_box .opt_box .link_clear { display: inline-block; vertical-align: middle; color: #fff; }.PCD_mplayer .panel_area .title_box .opt_box .search_btn { display: inline-block; width: 15px; height: 16px; padding: 4px 3px; overflow: hidden; vertical-align: middle; }.PCD_mplayer .panel_area .title_box .opt_box .arrow_btn { display: inline-block; width: 7px; height: 4px; padding: 10px 3px 10px 3px; overflow: hidden; vertical-align: middle; }.PCD_mplayer .panel_area .title_box .opt_box .search_btn:hover .ico_search { background-position: -90px -125px; }.PCD_mplayer .panel_area .title_box .opt_box .arrow_btn:hover .ico_arrow_down { background-position: -10px -100px; }.PCD_mplayer .panel_area .title_box .disline { display: inline-block; width: 1px; height: 16px; margin: 0 15px; background: #ccc; vertical-align: middle; } @-webkit-keyframes PCD_mplayer_fade-in { 0% {opacity: 0;}100% {opacity: 1;}}@-webkit-keyframes PCD_mplayer_fade-out { 0% {opacity: 1;}100% {opacity: 0;}} @-moz-keyframes PCD_mplayer_fade-in { 0% {opacity: 0;}100% {opacity: 1;}}@-moz-keyframes PCD_mplayer_fade-out { 0% {opacity: 1;}100% {opacity: 0;}} @-o-keyframes PCD_mplayer_fade-in { 0% {opacity: 0;}100% {opacity: 1;}}@-o-keyframes PCD_mplayer_fade-out { 0% {opacity: 1;}100% {opacity: 0;}} @-ms-keyframes PCD_mplayer_fade-in { 0% {opacity: 0;}100% {opacity: 1;}}@-ms-keyframes PCD_mplayer_fade-out { 0% {opacity: 1;}100% {opacity: 0;}} @keyframes PCD_mplayer_fade-in { 0% {opacity: 0;}100% {opacity: 1;}}@keyframes PCD_mplayer_fade-out { 0% {opacity: 1;}100% {opacity: 0;}}#js_style_css_module_pagecard_PCD_mplayer { height: 42px; }