html {color: #000;background: #fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
q:before, q:after {content: "";}
abbr, acronym {border: 0;font-variant: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;}
input, textarea, select {*font-size: 100%;}
legend {color: #000;}
body {height: 100%;max-height: 100%;overflow: hidden;border: 0;font: 13px/20px "Roboto" ,sans-serif;-moz-user-select: -moz-none;}
.minwidth {min-width: 600px;}
.clearfix {_zoom: 1;}
.clearfix:after {content: ".";display: block;visibility: hidden;clear: both;height: 0px;}
a {cursor: pointer;}
button::-moz-focus-inner {padding: 0;border: 0;}
html {height: 100%;overflow: hidden;_padding: 45px 0 75px;}
::-webkit-scrollbar {width: 8px;height: 14px;}
::-webkit-scrollbar-button {display: none;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece {width: 11px;height: 11px;}
::-webkit-scrollbar-thumb {border-width: 0;border-style: solid;border-radius: 6px;background: #3b464d;}
::-webkit-scrollbar-thumb:horizontal {border-width: 3px 0;border-style: solid;border-color: #fefefe;border-radius: 6px;background:#636c72; right:3px}
::-webkit-scrollbar-thumb:hover {background: #7f8a91;}
::-webkit-scrollbar-thumb:active {background: #474e52;}
.nct-layout-bd {position: absolute;height: 100%;}
.default-main {position: absolute;_position: relative;top: 60px;_top: -1px;bottom: 78px;_bottom: auto;width: 100%;_height: 100.1%;overflow: hidden;}
.main-wrapper {_margin: 0 422px 0 172px;height: 100%;}
.tips {position: absolute;top: 12px;left: 330px;width: 500px;height: 25px;line-height: 24px;color: #fff;}
.tips p {float: left;}
.tips a {text-decoration: none;color: #fff;}
.column1 {left: 0; top:0px}
.column2 {_width: 100%;left: 291px;right: 416px;top:0px; overflow:hidden;overflow-y: auto;}
.column4 {_width: 100%;left: 291px;right: 416px;top:0px; overflow:hidden;overflow-y: auto;}
.column3 {right:0px;width: 250px;border-left: 1px solid #646265;top:0px;background:url(../images/bg-right.png);}
.column4 {position: absolute;right: 0;background: #4a4a4a;width: 165px;z-index: 2;}
.nct-layout-hd {height: 60px;background-position: 0 0;position: absolute;top: 0;left: 0;width: 100%; background:#3b464d;}

.nct-layout-hd,.nct-layout-ft{overflow-y: visible;}
.nct-layout-ft {height: 78px; bottom: 0;left: 0;width: 100%; text-align: right;position: absolute; z-index: 1;}
.top-header {position: relative;}
.top-header .logo-wrapper {line-height: 0;height: 60px;overflow: hidden;width: 110px; float: left}
.top-header .logo-wrapper .logo {width: 95px;height: 40px;float: left;background: url(../images/logo-nhaccuatui.png) no-repeat;margin: 9px 16px 0 8px; background-size: contain;}
.top-header .menu-top{float: left;z-index: 99; height:60px}
.top-header .menu-top a{float: left; height:55px; line-height:60px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; padding:0 15px; font-size:16px; }
.top-header .menu-top a:hover,.top-header .menu-top a.active{border-bottom:#FFFFFF solid 5px; height:55px;}
.w-content-lb-user-login a{color: #ffffff !important}
 
#searchBar {position: absolute;top: 9px;left: 50%;z-index: 99;width: 420px; margin:0 0 0 -211px; background:#FFFFFF;height: 36px;line-height: 36px;white-space: nowrap;  border:#252e34 solid 1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#txtSearch {width: 370px;margin: 5px 0 0 10px;border: none;color: #555555;padding: 3px 0;height: 20px;line-height: 20px;box-sizing: content-box; overflow: hidden;outline: none;background-color: transparent;}
#txtSearch:focus {}
#btnSearch {background: url(../images/icon-cloud-v11.png) -76px top no-repeat;width: 25px;height: 25px;margin: 0;padding: 0;border: 0 none;position: absolute;top: 6px;right: 5px;cursor: pointer; border:0 !important; display:block}
.top-header .box_user{position: absolute;top: 10px;right: 20px;z-index: 99;width: auto;height: 50px;line-height: 40px;white-space: nowrap;}
.top-header .box_user .avatar-default{ float:left; width:40px; height:40px; background:url(../images/icon-cloud-v11.png) -102px top no-repeat}
.top-header .box_user a{color:#b4b4b4; padding:0 15px 0 5px; float:left; text-decoration:none; font-size:15px;}
.top-header .box_user a.user-name{ background:url(../images/icon-repeat.png) right -284px no-repeat;}
.top-header .box_user a.user-name:hover{ background:url(../images/icon-repeat.png) right -316px no-repeat;}
.top-header .box_user span{float:left}
.top-header .box_user img{ width:40px; height:40px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.menu_user_show{background: #ffffff; border: 1px solid #d9d9d9; right:0;  -moz-box-shadow: 0 3px 8px rgba(3,3,3,0.26); -webkit-box-shadow: 0 3px 8px rgba(3,3,3,0.26); box-shadow: 0 3px 8px rgba(3,3,3,0.26);position: absolute;z-index: 100;width: 160px;display: block;padding:0px; margin:50px 5px 0 0;}
.menu_user_show .dot_show_menu{background: url(../images/dot_show_menu.png); width:24px; height:13px; position:absolute; margin:-12px 0 0 60px;}
.menu_user_show ul{ padding:0px; margin:0 0 0 20px}
.menu_user_show li{float:left; display:block; width:140px; padding:0px; margin:0px; padding:0px; border-top:#f3f3f3 solid 1px;}
.menu_user_show li:nth-child(1){ border-top:#f3f3f3 solid 0px;}
.menu_user_show li a{float:left; display:block; width:120px; padding:0px 5px 0px 0px; font-size:13px; text-align:left;color:#333333 !important;}
.menu_user_show li a:hover{float:left; display:block; width:120px;}

.panel {height: 100%;width: 100%; z-index:100}
#w960 {_width: 960px;width: 1px;clear: both;position: relative;top: -75px;}
.left-panel {width: 170px;height: 100%;float: left;}
.right-panel {width: 260px;height: 100%;float: right;}
.main-panel {height: 100%;overflow: hidden;color: #fff;position: relative;}
.main-panel a {color: #fff;text-decoration: none;}
.main-panel a .no-href {color: #999;}
.play-btn {height: 41px;margin: 9px 0 20px 24px;list-style: none;padding: 0;}
.play-btn li {list-style: none;padding: 0;float: left;}
.play-btn .play, .play-btn .stop {margin: 0 29px;}
.play a {text-indent: -999px;display: block !important;float: left;width: 35px;height: 41px;}
.play a {background: url(../images/icon-cloud-v11.png) left  -90px no-repeat;}
.play a.wg-button:hover {background: url(../images/icon-cloud-v11.png) 	left  -131px no-repeat;}

.stop a {text-indent: -999px;display: block !important;float: left;width: 35px;height: 40px;}
.stop a {background: url(../images/icon-cloud-v11.png) -35px -90px no-repeat;}
.stop a.wg-button:hover {background: url(../images/icon-cloud-v11.png) -35px -131px no-repeat;}

.prev a, .next a {text-indent: -999px;display: block !important;float: left;width: 23px;height: 24px;margin-top: 8px;}
.prev a {background: url(../images/icon-cloud-v11.png) -70px -90px no-repeat;}
.prev a.wg-button:hover {background: url(../images/icon-cloud-v11.png) -70px -116px no-repeat;}
.next a {background: url(../images/icon-cloud-v11.png) -94px -90px no-repeat;}
.next a.wg-button:hover {background: url(../images/icon-cloud-v11.png) -94px -116px no-repeat;}
.main-panel .title-wrapper {margin: 19px 0  10px 0;font-size: 14px; text-align:center;height: 20px;overflow: hidden;float: left;line-height: 20px;position: relative;width: 100%;}
.main-panel .title-wrapper .split {padding: 5px;}
.main-panel .title-wrapper .songname{ font-size:16px;}
.main-panel .title-wrapper .artist{ font-weight:300}
.main-panel .icons {margin: 2px 0 0 15px;height: 20px;overflow: hidden;}
.main-panel .icons .favor, .main-panel .icons .share, .main-panel .icons .voice-of-china, .main-panel .icons .download, .main-panel .icons .s2m {float: left;margin-top: 2px;line-height: 14px;list-style: none;_display: inline;}
.main-panel .icons .share {margin-top: 0;}
.pane {overflow: hidden;clear: both;padding-left: 0px; margin:0px 0 0  }
.time {float: left;width: 90px;font-size: 14px;line-height: 20px;margin:19px 0 0 20px;text-align: center;overflow: hidden; color:#939394}
.time .curTime{ color:#ededed; }
.time .totalTime{ color:#989898}
.pane .progress-wrapper {margin-right: 0px;height: 12px;}
#progressSlider.ui-slider-horizontal {height: 5px;position: relative; background:#d2d2d2;margin-top: 7px;border: none;}

#progressSlider.ui-slider-horizontal .ui-slider-range {background:#2a94d9;width: 0;height: 5px;position: absolute;top: 0px;left: 0;z-index: 20;border: none;font-size: 1px;}
#progressSlider.ui-slider-horizontal .ui-slider-progressbar {background:#9a9a9a;width: 0;height: 5px;position: absolute;top: 0;left: 0;z-index: 10;border: none;font-size: 1px;}
#progressSlider.ui-slider-horizontal .ui-slider-handle {display: block;position: absolute;width: 18px;height: 18px;top: 0;left: 0;z-index: 101;margin: -5px 0 0 -9px;background: url(../images/icon-cloud-v11.png) no-repeat left -200px;font-size: 1px;cursor: pointer;outline: none;}
#progressSlider.ui-slider-horizontal .ui-slider-handle-loading span {position: relative;display: block;top: 3px;left: 3px;*left: -5px;width: 10px;height: 10px;background: url(../images/loading.gif) no-repeat center center;}
#progressSlider.ui-slider-horizontal .ui-slider-handle:hover {background: url(../images/icon-cloud-v11.png) no-repeat -19px -200px;}
#progressSlider.ui-slider-horizontal .ui-slider-handle:active {background: url(../images/icon-cloud-v11.png) no-repeat -39px -200px;}
.right-panel {overflow: hidden;}
.right-panel .playmod {margin: 14px 0px 0 0px;line-height: 20px;height: 32px;float: right;}
.playmod li {float: left; margin:0 20px 0 0}
.playmod .single-mode {margin: 0 10px;}
.playmod a {background-repeat: no-repeat;text-indent: -999px;display: block !important;width: 32px;height: 32px;}
.playmod .random-mode a {background: url(../images/icon-repeat.png) left -96px no-repeat ;}
.playmod .random-mode a.wg-button:hover {background: url(../images/icon-repeat.png) left -96px no-repeat ;}
.playmod .random-mode a.cur {background: url(../images/icon-repeat.png) left -96px no-repeat ;}

.playmod .full-screen a {background: url(../images/icon-repeat.png) left -352px no-repeat ;}
.playmod .full-screen a.wg-button:hover {background: url(../images/icon-repeat.png) left -384px no-repeat ;}
.playmod .full-screen a.cur {background: url(../images/icon-repeat.png) left -384px no-repeat ;}
.playmod .exit-full-screen a {background: url(../images/icon-repeat.png) left -416px no-repeat ;}
.playmod .exit-full-screen a.wg-button:hover {background: url(../images/icon-repeat.png) left -448px no-repeat ;}
.playmod .exit-full-screen a.cur {background: url(../images/icon-repeat.png) left -448px no-repeat ;}

.playmod .single-mode a {background: url(../images/icon-repeat.png) no-repeat -235px top;}
.playmod .single-mode a.wg-button:hover {background: url(../images/icon-repeat.png) no-repeat -235px -16px;}
.playmod .single-mode a.cur {background: url(../images/icon-repeat.png) no-repeat -235px -32px;}
.playmod .list-mode a {background: url(../images/icon-repeat.png) left -128px no-repeat ;}
.playmod .list-mode a.wg-button:hover {background: url(../images/icon-repeat.png) left -128px no-repeat ;}
.playmod .list-mode a.cur {background: url(../images/icon-repeat.png) left -128px no-repeat ;}
.right-panel .volume {margin-top: 14px;line-height: 20px;height: 32px;float: left; height:32px;margin-left: 0px;}

.volume .mute, .volume .muted {background-repeat: no-repeat;text-indent: -999px;display: block !important;float: left;width: 32px;height: 32px;}
.volume .mute {background: url(../images/icon-repeat.png) left -224px no-repeat;}
.volume .mute.vl01 {background: url(../images/icon-repeat.png) left -160px no-repeat;}
.volume .mute.vl02 {background: url(../images/icon-repeat.png) left -192px no-repeat;}
.volume .muted {background: url(../images/icon-repeat.png) left -256px no-repeat;}
.volume .muted:hover {background: url(../images/icon-repeat.png) left -256px no-repeat;}
.volume .muted:active {background: url(../images/icon-repeat.png) left -256px no-repeat;}
.volume .vol-slider-wrapper {width: 100px;margin-left: 32px;}
#volSlider {width: 100%;height: 6px; background:#d2d2d2;border-radius: 2px;margin-top: 13px;position: relative;border: none;}
#volSlider .ui-slider-handle {position: absolute;left: 0;top: 0;margin: -4px 0 0 -7px;width: 13px;height: 13px;background: url(../images/icon-cloud-v11.png) left -181px no-repeat ;outline: none;}
#volSlider .ui-slider-handle:hover {background: url(../images/icon-cloud-v11.png) no-repeat -15px -181px;}
#volSlider .ui-slider-handle:active {background: url(../images/icon-cloud-v11.png) no-repeat -30px -181px;}
#volSlider .ui-slider-progressbar {background-color: #fff;border: none;}
#volSlider .ui-slider-range {background-color: #2a94d9;height: 6px;border-radius: 5px;font-size: 1px;line-height: 3px;position: absolute;top: 0;left: 0;}

.header-fill {
    background: url(../images/bg-content.jpg); background-size:cover;
    bottom: 0;
    box-shadow: rgba(0,0,0,.07) 0 2px 0;
    left: -34px;
    overflow: hidden;
    position: absolute;
    right: -34px;
    top: -100px;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: -1;
}
.header-fill img {
    filter: blur(42px);
    -webkit-filter: blur(42px);
    -moz-filter: blur(42px);
    -ms-filter: blur(42px);
    filter: blur(42px);
    left: 50%;
    margin: -56% 0 0 -56%;
    position: absolute;
    top: 50%;
    width: 112%;
    z-index: 10; opacity:0.3
}
.header-fill:after {
    background: rgba(0,0,0,.43);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.57) 0,rgba(0,0,0,.21) 100%);
    background: -moz-linear-gradient(top,rgba(0,0,0,.57) 0,rgba(0,0,0,.21) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,.57) 0,rgba(0,0,0,.21) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.57) 0,rgba(0,0,0,.21) 100%);
    box-shadow: inset rgba(0,0,0,.26) 0 3px 0,inset rgba(0,0,0,.21) 2px 0 0,inset rgba(0,0,0,.26) 0 -1px 0;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}
.column1 {background: #212a30;width:290px;border-right: 1px solid #1a2228;*z-index: 1;}
.column1 a {text-decoration: none;color: #000;}
.leftbar-outer {overflow-y: auto;overflow-x: hidden;position: absolute;bottom: 100px;*bottom: 228px;width: 100%;top: 60px;}
.tab-menu-link{float:left; width:100%; height:60px; line-height:32px;  background:#192126; font-size: 15px;}
.tab-menu-link a{float:left; width:50%; text-align:center;padding:0px 0;height:60px; color:#FFFFFF; font-size:15px; text-transform:uppercase; }
.tab-menu-link a:nth-child(1){float:left; text-align:center; padding:0px 0; }
.tab-menu-link a.active{float:left; background:#212a30;  }
.tab-menu-link a .icon-music{ display:inline-block; position: relative; width: auto; height:28px; background:url(../images/icon-cloud-v11.png) -371px -48px no-repeat; margin:15px 5px 0 0;line-height:28px; padding:0 0 0 38px}
.tab-menu-link a .icon-video{ display:inline-block; width:auto; height:28px; background:url(../images/icon-cloud-v11.png) -366px top no-repeat; margin:16px 5px 0 0;line-height:28px; padding:0 0 0 42px}
.tab-menu-link a:hover{float:left; background:#3d454b;  }

.leftbar {margin: 0px 0px 0 20px; width:260px; overflow:hidden}
.leftbar li{ float:left; padding:11px 0px; width:260px; line-height:22px; border-top:#30393f solid 1px;}
.leftbar li:nth-child(1){border-top:#30393f solid 0px;}
.leftbar li .name_album{ float:left; font-size:15px; padding:4px 0 4px 0px; color:#b4b4b4; width:260px;-webkit-transition: all 0.3s linear;  -moz-transition: all 0.3s linear;  transition: all 0.3s linear; }
.leftbar li:hover .name_album{ color:#ffffff;float:left; width:300px; padding:4px 0 4px 18px; }
.leftbar li:hover .box-active{position:absolute; display:block; width:auto; height:20px; right:2px; background:#212a30; padding:10px 5px 5px 10px;  }
.leftbar li .icon_share{width:16px; height:16px; margin:0px 10px 0 0;float:left; background:url(../images/icon-cloud-v11.png) -147px top no-repeat; display:none }
.leftbar li .icon_share:hover{background:url(../images/icon-cloud-v11.png) -147px  -16px no-repeat}
.leftbar li .icon_delete{width:16px; height:16px; margin:0px 0px 0 0;float:left; background:url(../images/icon-cloud-v11.png) -188px top no-repeat;display:none }
.leftbar li .icon_delete:hover{background:url(../images/icon-cloud-v11.png)  -188px -16px no-repeat}
.leftbar li .icon_edit{width:16px; height:16px; margin:0px 10px 0 0;float:left; background:url(../images/icon-cloud-v11.png) -168px top no-repeat;display:none }
.leftbar li .icon_edit:hover{background:url(../images/icon-cloud-v11.png)  -168px -16px no-repeat}
.leftbar li.cur .name_album{ color:#ffffff;float:left; width:260px; padding:4px 0 4px 0px; }
.leftbar li.curPlay .name_album{ color:#ffffff;float:left;  background:url(../images/icon-play-playlist.png) left top no-repeat; width:240px; padding:4px 0 4px 18px; }
.leftbar li:hover .icon_share,.leftbar li:hover .icon_delete,.leftbar li:hover .icon_edit{display:block}


.leftbar-video {margin: 0px 0px 0 20px; width:288px; overflow:hidden}
.leftbar-video li{float:left; width:288px; margin:0px 0 0px 0; border-top:#30393f solid 1px; padding:10px 0 10px 0}
.leftbar-video li:nth-child(1){border-top:#30393f solid 0px;}
.leftbar-video li .box_absolute_video .icon_time_video{background: transparent url(../images/transparent.png) repeat;color:#FFFFFF; bottom:0px; right:0px; font-size:12px; padding:0px 5px; height:16px; line-height:16px; position:absolute; z-index:100 }
.leftbar-video li .box_absolute_video{ float:left; height:56px;width:100px; background:#000;  margin:0 10px 0 0}
.leftbar-video li .box_absolute_video:hover  .icon_play,.leftbar-video li.cur .box_absolute_video .icon_play{position:absolute; z-index:101; top:50%; left:50%; margin:-16px 0 0 -16px; width:32px; height:32px; display:block; background:url(../images/icon-cloud-v11.png) -209px top no-repeat;}
.leftbar-video li .box_absolute_video:hover img,.leftbar-video li.cur .box_absolute_video img{ webkit-opacity: 0.7;-moz-opacity: 0.7;opacity: 0.7;}

.leftbar-video li .box_absolute_video .thum-video{ position:absolute; width:100px; color:#7a7a7a; height:56px;  margin-right:10px }
.leftbar-video li .box_absolute_video .thum-video img{width:100px; height:56px; float: left}
.leftbar-video li .info_data{float:left; width:178px;}
.leftbar-video li .info_data .name_song{font-size:15px; display:block; line-height:18px; color:#adadad; overflow:hidden; display:block; margin:0 0 4px 0;}
.leftbar-video li .info_data .name_singer{font-size:12px; color:#596267; line-height:14px}
.leftbar-video li .info_data .name_song:hover,.box_playlist_recommended .list_item_music li .info_data .name_singer:hover{ color:#2582be}
.leftbar-video li .box-active{position:absolute; display:block; width: auto; height:20px;  right:0px; background:#212a30; padding:0px 10px 0px 0px; webkit-transition: all 0.3s linear;  -moz-transition: all 0.3s linear;  transition: all 0.3s linear; }
.leftbar-video li .box-active .icon_share{width:16px; height:16px; margin:0px 10px 0 5px;float:left; background:url(../images/icon-cloud-v11.png) -147px top no-repeat; display:none }
.leftbar-video li .box-active .icon_share:hover{background:url(../images/icon-cloud-v11.png) -147px  -16px no-repeat}
.leftbar-video li .box-active .icon_delete{width:16px; height:16px; margin:0px 0px 0 0;float:left; background:url(../images/icon-cloud-v11.png) -188px top no-repeat;display:none }
.leftbar-video li .box-active .icon_delete:hover{background:url(../images/icon-cloud-v11.png)  -188px -16px no-repeat}
.leftbar-video li .box-active .icon_edit{width:16px; height:16px; margin:0px 10px 0 0;float:left; background:url(../images/icon-cloud-v11.png) -168px top no-repeat;display:none }
.leftbar-video li .box-active .icon_edit:hover{background:url(../images/icon-cloud-v11.png)  -168px -16px no-repeat}
.leftbar-video li:hover .icon_share,.leftbar-video li:hover .icon_delete,.leftbar-video li:hover .icon_edit{display:block}


.playlist-length-cloud {width: 290px;font-size: 12px;color: #333;padding: 0;bottom: 0px;position: absolute; }
.playlist-length-cloud ul {width: 100%;list-style: none;margin: auto;padding: 0;_margin: 0 2px;border-top: 1px solid #30393f;padding:10px 0;}
.playlist-length-cloud ul li {margin: 4px 0;padding: 0;border: 0;height: 20px;margin: 2px 0;}
.playlist-length-cloud .mrg {margin: 4px 10px;_margin: 2px 10px;}
.playlist-length-cloud .myspace-title {float: left; color:#2582be; font-size:15px;}
.playlist-length-cloud .bar-outer {width: 100%;height: 6px;background-color: #dadcdd;font-size: 1px;line-height: 6px;}
.playlist-length-cloud .bar-inner {height: 6px;background-color: #3482da;font-size: 1px;width: 0; max-width: 100% !important;}
.playlist-length-cloud .li-bar {padding: 4px 0;_padding: 0 0;height: 4px;}
.playlist-length-cloud .amount {float: left;}
.playlist-length-cloud p a {color: #000;text-decoration: none;}
.playlist-length-cloud p.amount {color: #d1d1d1; font-size:11px;}
.playlist-length-cloud p strong {font-weight: bold;_font-weight: normal;}


.album-wrapper {position: absolute;z-index: 1;width: 100%; margin-left: 3px;text-align: center;}
.album-wrapper .album {text-align: center;margin: 20px 0 11px;color: #333;padding-right: 6px;}
.album-wrapper .album a {margin: 0 auto;text-decoration: none;outline: none;cursor: auto;}
.album-wrapper .album-name {margin-top: 5px;}
.album-wrapper .album-name a {color: #cacaca;outline: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:18px; font-weight:300; display: block; margin-left: 5px; margin-right: 5px; height: 23px;}
.album-wrapper .album img {border-radius: 70px; width:140px; height:140px;}
.column3 .split{height: 1px;overflow: hidden;background: url(../images/icon-cloud-v11.png) -19px -41px no-repeat;width: 200px;margin: 0 auto;}
.column3 .lrc-wrapper {margin-left: 3px;color: #cacaca;overflow-y: auto;position: absolute;top: 210px;bottom: 10px;line-height: 28px;font-size: 12px;width: 100%; margin:10px 0 0 0}
.column3 .lrc-wrapper .lrc {padding: 0 10px  0 20px;position: relative; text-align:center; font-size:14px; font-weight:300; line-height:20px;}
.column3 .lrc-wrapper .no-lrc {display: none;height: 100%;text-align: center;}
.column3 .lrc-wrapper .no-lrc div {height: 50%;width: 100%;}
.column3 .purelrc .no-lrc, .column3 .no-lrc .no-lrc {display: block;}
.column3 .purelrc ul, .column3 .no-lrc ul {display: none;}
.column3 .lrc-wrapper .ui-lrc-current {color: #1d94e1;}
.column3 .link-wrapper {position: absolute;background: url(../images/transparent-50.png);margin-left: 0px;bottom: 0px;width: 100%;}
.column3 .link-source {text-align: center;overflow: hidden;white-space: nowrap;color: #666;height: 0;}
.column3 .link-source a, .column3 .clipboard-wrapper a {text-decoration: none;color: #666;}
.column3 .clipboard-wrapper {height: 34px;margin: 0 20px 0 17px;line-height: 34px;text-align: center;}
.column3 .clipboard-wrapper .clip-btn {padding: 0 5px;cursor: pointer;}
.ui-resizable {height: 100%;position: absolute;left: 0;top: 0;width: 5px;cursor: w-resize;z-index: 10;}
.resizable-icon {height: 38px;width: 16px;background: url(../images/icon-cloud-v11.png) left -40px no-repeat;top: 50%;margin-top: -19px;left: -1px;position: absolute;z-index: 10;}

.column2 .playlist-info{ position:relative; padding:30px;}
.rotate{
    -webkit-border-radius:76px;-moz-border-radius:76px;border-radius:76px;
    animation:mymove 10s linear 0s infinite ; /* IE 10+ */
    -webkit-animation:mymove  10s linear 0s infinite ;  /* Safari 4+ */
    -moz-animation: mymove  10s linear 0s infinite ; /* Fx 5+ */
    -o-animation: mymove  10s linear 0s infinite ; /* Opera 12+ */    
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;	
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;	
    overflow:hidden;
}	
@-webkit-keyframes mymove /* Safari and Chrome */
{
    from{
        -webkit-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);}
    to{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
    }
}



.column2 .playlist-info img{ float:left; width:152px; height:152px; margin:0 20px 20px 0}
.column2 .playlist-info h3{ color:#ffffff; font-size:24px; font-weight:300; line-height:28px; margin:10px 0 0 0}
.column2 .playlist-info .singer_item{ background:url(../images/icon-repeat.png) left -38px no-repeat; margin:10px 0 10px 0;  font-weight:300;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color:#fff; text-decoration:none; padding:0 0 0 15px;}
.column2 .playlist-info .singer_item a{color:#cacaca; font-weight:300; text-decoration:none;}
.column2 .playlist-info p{ color:#cacaca; font-size:14px; font-weight:300}
.column2 .list-item-music{position: relative; overflow:hidden;width:100%;}

.column2 .list-item-music li{float:left; width:100%; padding:0px 0;color:#cacaca; font-size:14px;  border-top:#464340 solid 0px;}
.column2 .list-item-music li .line-opcity{float:left; width:100%; height:1px; background:#ffffff; opacity:0.1}
.column2 .list-item-music li:nth-child(1){border-top:#464340 solid 0px;}
.column2 .list-item-music li.cur,.column2 .list-item-music li.cur:hover{ background:url(../images/bg-hover-song.png)}
.column2 .list-item-music li:hover{ background:url(../images/bg-hover-song.png);}
.column2 .list-item-music li .no_stt{width:8%; float:left; text-align: center;padding:10px 0;margin:8px 0 0 0; }
.column2 .list-item-music li .name_song{width:42%; padding:10px 0; margin:8px 0 0 0;  float:left; text-align:left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; color:#cacaca; text-decoration:none; font-size:15px;}
.column2 .list-item-music li .singer_content{float:left; width:50%; padding:10px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; color:#FFFFFF}
.column2 .list-item-music li .singer_content .singer_item{float:left; margin:8px 0 0 0; background:url(../images/icon-repeat.png) left -38px no-repeat; min-width:100px; width:50%; height:30px; font-weight:300;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color:#ffffff; text-decoration:none; padding:0 0 0 5px;}
.column2 .list-item-music li .singer_content .singer_item a{color:#cacaca; font-weight:300; text-decoration:none;}

.column2 .list-item-music li .singer_content .ex_listen{position:absolute;margin:8px 0 0 0;  right:20px;font-weight:300; width: auto;  text-align: center; background:url(../images/icon-repeat.png) left -69px no-repeat; padding:0 0 0 22px;}
.column2 .list-item-music li .singer_content .box_active{ width:auto;position:absolute; right:20px; display:none;margin:8px 0 0 0; }
.column2 .list-item-music li .singer_content .box_active .icon_up{width:24px; height:24px; margin:0px 10px 0 0; float:left; background:url(../images/icon-cloud-v11.png) -244px  top no-repeat}
.column2 .list-item-music li .singer_content .box_active .icon_down{width:24px; height:24px; margin:0px 10px 0 0; float:left; background:url(../images/icon-cloud-v11.png) -268px  top no-repeat}
.column2 .list-item-music li .singer_content .box_active .icon_delete{width:24px; height:24px; margin:0px 0px 0 0;float:left; background:url(../images/icon-cloud-v11.png) -292px top no-repeat}
.column2 .list-item-music li .singer_content .box_active .icon_up:hover{background:url(../images/icon-cloud-v11.png) -244px  -24px no-repeat}
.column2 .list-item-music li .singer_content .box_active .icon_down:hover{background:url(../images/icon-cloud-v11.png) -268px  -24px no-repeat}
.column2 .list-item-music li .singer_content .box_active .icon_delete:hover{background:url(../images/icon-cloud-v11.png) -292px -24px no-repeat}
.column2 .list-item-music li.cur .no_stt{width:8%; background:url(../images/icon_status.gif) center no-repeat; text-indent:-1000px}
.column2 .list-item-music li .pl_10{padding:0 0 0 10px; }
.column2 .list-item-music li.cur .pl_10.play{padding:0 0 0 30px; background:url(../images/wareform.gif) no-repeat 10px 0 }
.column2 .list-item-music li:hover .singer_content .box_active{display: block}
.column2 .list-item-music li:hover .singer_content .ex_listen{display: none}

.ball-pulse-sync>div,.ball-pulse>div{display:inline-block;background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px}.ball-rotate,.ball-rotate>div{position:relative}@-webkit-keyframes scale{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}}@keyframes scale{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}}.ball-pulse>div:nth-child(0){-webkit-animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div:nth-child(1){-webkit-animation:scale .75s .12s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .12s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div:nth-child(2){-webkit-animation:scale .75s .24s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .24s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div:nth-child(3){-webkit-animation:scale .75s .36s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s .36s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div{-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.ball-pulse-sync>div:nth-child(0){-webkit-animation:ball-pulse-sync .6s 0s infinite ease-in-out;animation:ball-pulse-sync .6s 0s infinite ease-in-out}.ball-pulse-sync>div:nth-child(1){-webkit-animation:ball-pulse-sync .6s .07s infinite ease-in-out;animation:ball-pulse-sync .6s .07s infinite ease-in-out}.ball-pulse-sync>div:nth-child(2){-webkit-animation:ball-pulse-sync .6s .14s infinite ease-in-out;animation:ball-pulse-sync .6s .14s infinite ease-in-out}.ball-pulse-sync>div:nth-child(3){-webkit-animation:ball-pulse-sync .6s .21s infinite ease-in-out;animation:ball-pulse-sync .6s .21s infinite ease-in-out}.ball-pulse-sync>div{-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ball-scale>div{background-color:#fff;border-radius:100%;margin:2px;display:inline-block;height:60px;width:60px;-webkit-animation:ball-scale 1s 0s ease-in-out infinite;animation:ball-scale 1s 0s ease-in-out infinite}.ball-rotate>div,.ball-rotate>div:after,.ball-rotate>div:before{margin:2px;background-color:#fff;width:15px;height:15px;border-radius:100%}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ball-rotate>div{-webkit-animation-fill-mode:both;animation-fill-mode:both}.ball-rotate>div:first-child{-webkit-animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite}.ball-rotate>div:after,.ball-rotate>div:before{content:"";position:absolute;opacity:.8}.ball-rotate>div:before{top:0;left:-28px}.ball-rotate>div:after{top:0;left:25px}.ball-clip-rotate>div{border-radius:100%;margin:2px;border:2px solid #fff;border-bottom-color:transparent;height:25px;width:25px;background:0 0!important;display:inline-block;-webkit-animation:rotate .75s 0s linear infinite;animation:rotate .75s 0s linear infinite}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes scale{30%{-webkit-transform:scale(.3);transform:scale(.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}.ball-clip-rotate-pulse{position:relative;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}.ball-clip-rotate-pulse>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0;left:0;border-radius:100%}.ball-clip-rotate-pulse>div:first-child{background:#fff;height:16px;width:16px;top:9px;left:9px;-webkit-animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite}.ball-clip-rotate-pulse>div:last-child{position:absolute;width:30px;height:30px;background:0 0;border:2px solid;border-color:#fff transparent;-webkit-animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;-webkit-animation-duration:1s;animation-duration:1s}@keyframes rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}.ball-clip-rotate-multiple{position:relative}.ball-clip-rotate-multiple>div{position:absolute;left:0;top:0;border:2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:35px;width:35px;-webkit-animation:rotate 1s 0s ease-in-out infinite;animation:rotate 1s 0s ease-in-out infinite}.ball-clip-rotate-multiple>div:last-child{display:inline-block;top:10px;left:10px;width:15px;height:15px;-webkit-animation-duration:.5s;animation-duration:.5s;border-color:#fff transparent;-webkit-animation-direction:reverse;animation-direction:reverse}@-webkit-keyframes ball-scale-ripple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}@keyframes ball-scale-ripple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}.ball-scale-ripple>div{height:50px;width:50px;border-radius:100%;border:2px solid #fff;-webkit-animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8)}@-webkit-keyframes ball-scale-ripple-multiple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}@keyframes ball-scale-ripple-multiple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}.ball-scale-ripple-multiple{position:relative;-webkit-transform:translateY(-25px);-ms-transform:translateY(-25px);transform:translateY(-25px)}.ball-scale-ripple-multiple>div:nth-child(0){-webkit-animation-delay:-.2s;animation-delay:-.2s}.ball-scale-ripple-multiple>div:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.ball-scale-ripple-multiple>div:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.ball-scale-ripple-multiple>div:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.ball-scale-ripple-multiple>div{position:absolute;top:0;left:0;width:50px;height:50px;border-radius:100%;border:2px solid #fff;-webkit-animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8)}@-webkit-keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.ball-beat>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;display:inline-block;-webkit-animation:ball-beat .7s 0s infinite linear;animation:ball-beat .7s 0s infinite linear}.ball-beat>div:nth-child(2n-1){-webkit-animation-delay:.35s!important;animation-delay:.35s!important}@-webkit-keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ball-scale-multiple{position:relative;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}.ball-scale-multiple>div:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.ball-scale-multiple>div:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.ball-scale-multiple>div{background-color:#fff;border-radius:100%;position:absolute;left:0;top:0;opacity:0;margin:0;width:60px;height:60px;-webkit-animation:ball-scale-multiple 1s 0s linear infinite;animation:ball-scale-multiple 1s 0s linear infinite}@-webkit-keyframes ball-triangle-path-1{33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-triangle-path-1{33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-triangle-path-2{33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-triangle-path-2{33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-triangle-path-3{33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-triangle-path-3{33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.ball-triangle-path{position:relative;-webkit-transform:translate(-25px,-25px);-ms-transform:translate(-25px,-25px);transform:translate(-25px,-25px)}.ball-triangle-path>div:nth-child(1){-webkit-animation-name:ball-triangle-path-1;animation-name:ball-triangle-path-1;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ball-triangle-path>div:nth-child(2){-webkit-animation-name:ball-triangle-path-2;animation-name:ball-triangle-path-2;-webkit-animation-delay:0;animation-delay:0;animation-duration:2s;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ball-triangle-path>div:nth-child(2),.ball-triangle-path>div:nth-child(3){-webkit-animation-duration:2s;-webkit-animation-timing-function:ease-in-out}.ball-triangle-path>div:nth-child(3){-webkit-animation-name:ball-triangle-path-3;animation-name:ball-triangle-path-3;animation-delay:0;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ball-pulse-rise>div,.ball-triangle-path>div:nth-child(3){-webkit-animation-delay:0;-webkit-animation-iteration-count:infinite}.ball-triangle-path>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:10px;height:10px;border-radius:100%;border:1px solid #fff}.ball-grid-beat>div,.ball-pulse-rise>div{background-color:#fff;height:15px;border-radius:100%;margin:2px}.ball-triangle-path>div:nth-of-type(1){top:50px}.ball-triangle-path>div:nth-of-type(2){left:25px}.ball-triangle-path>div:nth-of-type(3){top:50px;left:50px}@-webkit-keyframes ball-pulse-rise-even{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}25%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:translateY(30px);transform:translateY(30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-pulse-rise-even{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}25%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:translateY(30px);transform:translateY(30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ball-pulse-rise-odd{0%{-webkit-transform:scale(.4);transform:scale(.4)}25%{-webkit-transform:translateY(30px);transform:translateY(30px)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(.75);transform:scale(.75)}}@keyframes ball-pulse-rise-odd{0%{-webkit-transform:scale(.4);transform:scale(.4)}25%{-webkit-transform:translateY(30px);transform:translateY(30px)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(.75);transform:scale(.75)}}.ball-pulse-rise>div{width:15px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(.15,.46,.9,.6);animation-timing-function:cubic-bezier(.15,.46,.9,.6);animation-iteration-count:infinite;animation-delay:0}.ball-pulse-rise>div:nth-child(2n){-webkit-animation-name:ball-pulse-rise-even;animation-name:ball-pulse-rise-even}.ball-pulse-rise>div:nth-child(2n-1){-webkit-animation-name:ball-pulse-rise-odd;animation-name:ball-pulse-rise-odd}@-webkit-keyframes ball-grid-beat{50%{opacity:.7}100%{opacity:1}}@keyframes ball-grid-beat{50%{opacity:.7}100%{opacity:1}}.ball-grid-beat{width:57px}.ball-grid-beat>div:nth-child(1){-webkit-animation-delay:.36s;animation-delay:.36s;-webkit-animation-duration:.96s;animation-duration:.96s}.ball-grid-beat>div:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-duration:.93s;animation-duration:.93s}.ball-grid-beat>div:nth-child(3){-webkit-animation-delay:.68s;animation-delay:.68s;-webkit-animation-duration:1.19s;animation-duration:1.19s}.ball-grid-beat>div:nth-child(4){-webkit-animation-delay:.41s;animation-delay:.41s;-webkit-animation-duration:1.13s;animation-duration:1.13s}.ball-grid-beat>div:nth-child(5){-webkit-animation-delay:.71s;animation-delay:.71s;-webkit-animation-duration:1.34s;animation-duration:1.34s}.ball-grid-beat>div:nth-child(6){-webkit-animation-delay:-.15s;animation-delay:-.15s;-webkit-animation-duration:.94s;animation-duration:.94s}.ball-grid-beat>div:nth-child(7){-webkit-animation-delay:-.12s;animation-delay:-.12s;-webkit-animation-duration:1.2s;animation-duration:1.2s}.ball-grid-beat>div:nth-child(8){-webkit-animation-delay:.01s;animation-delay:.01s;-webkit-animation-duration:.82s;animation-duration:.82s}.ball-grid-beat>div:nth-child(9){-webkit-animation-delay:.32s;animation-delay:.32s;-webkit-animation-duration:1.19s;animation-duration:1.19s}.ball-grid-beat>div{width:15px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:ball-grid-beat;animation-name:ball-grid-beat;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}.ball-grid-beat>div,.ball-grid-pulse>div{display:inline-block;float:left;-webkit-animation-iteration-count:infinite}@-webkit-keyframes ball-grid-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes ball-grid-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.ball-grid-pulse{width:57px}.ball-grid-pulse>div,.ball-spin-fade-loader>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px}.ball-grid-pulse>div:nth-child(1){-webkit-animation-delay:-.06s;animation-delay:-.06s;-webkit-animation-duration:.72s;animation-duration:.72s}.ball-grid-pulse>div:nth-child(2){-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-duration:1.02s;animation-duration:1.02s}.ball-grid-pulse>div:nth-child(3){-webkit-animation-delay:-.17s;animation-delay:-.17s;-webkit-animation-duration:1.28s;animation-duration:1.28s}.ball-grid-pulse>div:nth-child(4){-webkit-animation-delay:.48s;animation-delay:.48s;-webkit-animation-duration:1.42s;animation-duration:1.42s}.ball-grid-pulse>div:nth-child(5){-webkit-animation-delay:.31s;animation-delay:.31s;-webkit-animation-duration:1.45s;animation-duration:1.45s}.ball-grid-pulse>div:nth-child(6){-webkit-animation-delay:.03s;animation-delay:.03s;-webkit-animation-duration:1.18s;animation-duration:1.18s}.ball-grid-pulse>div:nth-child(7){-webkit-animation-delay:.46s;animation-delay:.46s;-webkit-animation-duration:.87s;animation-duration:.87s}.ball-grid-pulse>div:nth-child(8){-webkit-animation-delay:.78s;animation-delay:.78s;-webkit-animation-duration:1.45s;animation-duration:1.45s}.ball-grid-pulse>div:nth-child(9){-webkit-animation-delay:.45s;animation-delay:.45s;-webkit-animation-duration:1.06s;animation-duration:1.06s}.ball-grid-pulse>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:ball-grid-pulse;animation-name:ball-grid-pulse;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.ball-spin-fade-loader{position:relative}.ball-spin-fade-loader>div:nth-child(1){top:25px;left:0;-webkit-animation:ball-spin-fade-loader 1s 0s infinite linear;animation:ball-spin-fade-loader 1s 0s infinite linear}.ball-spin-fade-loader>div:nth-child(2){top:17.05px;left:17.05px;-webkit-animation:ball-spin-fade-loader 1s .12s infinite linear;animation:ball-spin-fade-loader 1s .12s infinite linear}.ball-spin-fade-loader>div:nth-child(3){top:0;left:25px;-webkit-animation:ball-spin-fade-loader 1s .24s infinite linear;animation:ball-spin-fade-loader 1s .24s infinite linear}.ball-spin-fade-loader>div:nth-child(4){top:-17.05px;left:17.05px;-webkit-animation:ball-spin-fade-loader 1s .36s infinite linear;animation:ball-spin-fade-loader 1s .36s infinite linear}.ball-spin-fade-loader>div:nth-child(5){top:-25px;left:0;-webkit-animation:ball-spin-fade-loader 1s .48s infinite linear;animation:ball-spin-fade-loader 1s .48s infinite linear}.ball-spin-fade-loader>div:nth-child(6){top:-17.05px;left:-17.05px;-webkit-animation:ball-spin-fade-loader 1s .6s infinite linear;animation:ball-spin-fade-loader 1s .6s infinite linear}.ball-spin-fade-loader>div:nth-child(7){top:0;left:-25px;-webkit-animation:ball-spin-fade-loader 1s .72s infinite linear;animation:ball-spin-fade-loader 1s .72s infinite linear}.ball-spin-fade-loader>div:nth-child(8){top:17.05px;left:-17.05px;-webkit-animation:ball-spin-fade-loader 1s .84s infinite linear;animation:ball-spin-fade-loader 1s .84s infinite linear}.ball-spin-fade-loader>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}@-webkit-keyframes ball-spin-loader{75%{opacity:.2}100%{opacity:1}}@keyframes ball-spin-loader{75%{opacity:.2}100%{opacity:1}}.ball-spin-loader{position:relative}.ball-spin-loader>span:nth-child(1){top:45px;left:0;-webkit-animation:ball-spin-loader 2s .9s infinite linear;animation:ball-spin-loader 2s .9s infinite linear}.ball-spin-loader>span:nth-child(2){top:30.68px;left:30.68px;-webkit-animation:ball-spin-loader 2s 1.8s infinite linear;animation:ball-spin-loader 2s 1.8s infinite linear}.ball-spin-loader>span:nth-child(3){top:0;left:45px;-webkit-animation:ball-spin-loader 2s 2.7s infinite linear;animation:ball-spin-loader 2s 2.7s infinite linear}.ball-spin-loader>span:nth-child(4){top:-30.68px;left:30.68px;-webkit-animation:ball-spin-loader 2s 3.6s infinite linear;animation:ball-spin-loader 2s 3.6s infinite linear}.ball-spin-loader>span:nth-child(5){top:-45px;left:0;-webkit-animation:ball-spin-loader 2s 4.5s infinite linear;animation:ball-spin-loader 2s 4.5s infinite linear}.ball-spin-loader>span:nth-child(6){top:-30.68px;left:-30.68px;-webkit-animation:ball-spin-loader 2s 5.4s infinite linear;animation:ball-spin-loader 2s 5.4s infinite linear}.ball-spin-loader>span:nth-child(7){top:0;left:-45px;-webkit-animation:ball-spin-loader 2s 6.3s infinite linear;animation:ball-spin-loader 2s 6.3s infinite linear}.ball-spin-loader>span:nth-child(8){top:30.68px;left:-30.68px;-webkit-animation:ball-spin-loader 2s 7.2s infinite linear;animation:ball-spin-loader 2s 7.2s infinite linear}.ball-spin-loader>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:15px;height:15px;border-radius:100%;background:green}.ball-zig-zag-deflect>div,.ball-zig-zag>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px 2px 2px 15px;top:30px;left:30px}@-webkit-keyframes ball-zig{33%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}66%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zig{33%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}66%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-zag{33%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}66%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zag{33%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}66%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.ball-zig-zag{position:relative;-webkit-transform:translate(-15px,-15px);-ms-transform:translate(-15px,-15px);transform:translate(-15px,-15px)}.ball-zig-zag>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}.ball-zig-zag>div:first-child{-webkit-animation:ball-zig .7s 0s infinite linear;animation:ball-zig .7s 0s infinite linear}.ball-zig-zag>div:last-child{-webkit-animation:ball-zag .7s 0s infinite linear;animation:ball-zag .7s 0s infinite linear}@-webkit-keyframes ball-zig-deflect{17%,84%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}34%,67%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zig-deflect{17%,84%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}34%,67%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-zag-deflect{17%,84%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}34%,67%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zag-deflect{17%,84%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}34%,67%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.ball-zig-zag-deflect{position:relative;-webkit-transform:translate(-15px,-15px);-ms-transform:translate(-15px,-15px);transform:translate(-15px,-15px)}.ball-zig-zag-deflect>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}.ball-zig-zag-deflect>div:first-child{-webkit-animation:ball-zig-deflect 1.5s 0s infinite linear;animation:ball-zig-deflect 1.5s 0s infinite linear}.ball-zig-zag-deflect>div:last-child{-webkit-animation:ball-zag-deflect 1.5s 0s infinite linear;animation:ball-zag-deflect 1.5s 0s infinite linear}@-webkit-keyframes line-scale{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}}@keyframes line-scale{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}}.line-scale>div:nth-child(1){-webkit-animation:line-scale 1s .1s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s .1s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(2){-webkit-animation:line-scale 1s .2s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s .2s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(3){-webkit-animation:line-scale 1s .3s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s .3s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(4){-webkit-animation:line-scale 1s .4s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s .4s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(5){-webkit-animation:line-scale 1s .5s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s .5s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div{animation-fill-mode:both;display:inline-block}.line-scale-party>div,.line-scale>div{background-color:#fff;border-radius:2px;margin:2px;width:4px;height:35px;-webkit-animation-fill-mode:both}@-webkit-keyframes line-scale-party{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes line-scale-party{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5)}}.line-scale-party>div:nth-child(1){-webkit-animation-delay:.77s;animation-delay:.77s;-webkit-animation-duration:1.26s;animation-duration:1.26s}.line-scale-party>div:nth-child(2){-webkit-animation-delay:.29s;animation-delay:.29s;-webkit-animation-duration:.43s;animation-duration:.43s}.line-scale-party>div:nth-child(3){-webkit-animation-delay:.28s;animation-delay:.28s;-webkit-animation-duration:1.01s;animation-duration:1.01s}.line-scale-party>div:nth-child(4){-webkit-animation-delay:.74s;animation-delay:.74s;-webkit-animation-duration:.73s;animation-duration:.73s}.line-scale-party>div{animation-fill-mode:both;display:inline-block;-webkit-animation-name:line-scale-party;animation-name:line-scale-party;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes line-scale-pulse-out{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}}@keyframes line-scale-pulse-out{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}}.line-scale-pulse-out>div{background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;display:inline-block;-webkit-animation:line-scale-pulse-out .9s 0s infinite cubic-bezier(.85,.25,.37,.85);animation:line-scale-pulse-out .9s 0s infinite cubic-bezier(.85,.25,.37,.85)}.line-scale-pulse-out>div:nth-child(2),.line-scale-pulse-out>div:nth-child(4){-webkit-animation-delay:.2s!important;animation-delay:.2s!important}.line-scale-pulse-out>div:nth-child(1),.line-scale-pulse-out>div:nth-child(5){-webkit-animation-delay:.4s!important;animation-delay:.4s!important}@-webkit-keyframes line-scale-pulse-out-rapid{0%,90%{-webkit-transform:scaley(1);transform:scaley(1)}80%{-webkit-transform:scaley(.3);transform:scaley(.3)}}@keyframes line-scale-pulse-out-rapid{0%,90%{-webkit-transform:scaley(1);transform:scaley(1)}80%{-webkit-transform:scaley(.3);transform:scaley(.3)}}.line-scale-pulse-out-rapid>div{background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;display:inline-block;-webkit-animation:line-scale-pulse-out-rapid .9s 0s infinite cubic-bezier(.11,.49,.38,.78);animation:line-scale-pulse-out-rapid .9s 0s infinite cubic-bezier(.11,.49,.38,.78)}.line-scale-pulse-out-rapid>div:nth-child(2),.line-scale-pulse-out-rapid>div:nth-child(4){-webkit-animation-delay:.25s!important;animation-delay:.25s!important}.line-scale-pulse-out-rapid>div:nth-child(1),.line-scale-pulse-out-rapid>div:nth-child(5){-webkit-animation-delay:.5s!important;animation-delay:.5s!important}@-webkit-keyframes line-spin-fade-loader{50%{opacity:.3}100%{opacity:1}}@keyframes line-spin-fade-loader{50%{opacity:.3}100%{opacity:1}}.line-spin-fade-loader{position:relative}.line-spin-fade-loader>div:nth-child(1){top:20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s .12s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .12s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(2){top:13.64px;left:13.64px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s .24s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .24s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(3){top:0;left:20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s .36s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .36s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(4){top:-13.64px;left:13.64px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s .48s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .48s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(5){top:-20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s .6s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .6s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(6){top:-13.64px;left:-13.64px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s .72s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .72s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(7){top:0;left:-20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s .84s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .84s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(8){top:13.64px;left:-13.64px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s .96s infinite ease-in-out;animation:line-spin-fade-loader 1.2s .96s infinite ease-in-out}.line-spin-fade-loader>div{background-color:#fff;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:5px;height:15px}@-webkit-keyframes triangle-skew-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}@keyframes triangle-skew-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}.triangle-skew-spin>div{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fff;-webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}@-webkit-keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}@keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}.square-spin>div{width:50px;height:50px;background:#fff;border:1px solid red;-webkit-animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}.pacman>div:first-of-type,.pacman>div:nth-child(2){width:0;height:0;border-right:25px solid transparent;border-top:25px solid #fff;border-left:25px solid #fff;border-bottom:25px solid #fff;border-radius:25px}@-webkit-keyframes rotate_pacman_half_up{0%,100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate_pacman_half_up{0%,100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotate_pacman_half_down{0%,100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes rotate_pacman_half_down{0%,100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes pacman-balls{75%{opacity:.7}100%{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)}}@keyframes pacman-balls{75%{opacity:.7}100%{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)}}.pacman{position:relative}.pacman>div:nth-child(3){-webkit-animation:pacman-balls 1s .33s infinite linear;animation:pacman-balls 1s .33s infinite linear}.pacman>div:nth-child(4){-webkit-animation:pacman-balls 1s .66s infinite linear;animation:pacman-balls 1s .66s infinite linear}.pacman>div:nth-child(5){-webkit-animation:pacman-balls 1s .99s infinite linear;animation:pacman-balls 1s .99s infinite linear}.pacman>div:first-of-type{-webkit-animation:rotate_pacman_half_up .5s 0s infinite;animation:rotate_pacman_half_up .5s 0s infinite}.pacman>div:nth-child(2){-webkit-animation:rotate_pacman_half_down .5s 0s infinite;animation:rotate_pacman_half_down .5s 0s infinite;margin-top:-50px}.pacman>div:nth-child(3),.pacman>div:nth-child(4),.pacman>div:nth-child(5),.pacman>div:nth-child(6){background-color:#fff;border-radius:100%;margin:2px;width:10px;height:10px;position:absolute;-webkit-transform:translate(0,-6.25px);-ms-transform:translate(0,-6.25px);transform:translate(0,-6.25px);top:25px;left:100px}@-webkit-keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg)}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}75%{-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg)}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}75%{-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.cube-transition{position:relative;-webkit-transform:translate(-25px,-25px);-ms-transform:translate(-25px,-25px);transform:translate(-25px,-25px)}.cube-transition>div{width:10px;height:10px;position:absolute;top:0;left:0;background-color:#fff;-webkit-animation:cube-transition 1.6s 0s infinite ease-in-out;animation:cube-transition 1.6s 0s infinite ease-in-out}.cube-transition>div:last-child{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes spin-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.semi-circle-spin{position:relative;width:35px;height:35px;overflow:hidden}.semi-circle-spin>div{position:absolute;border-width:0;border-radius:100%;-webkit-animation:spin-rotate .6s 0s infinite linear;animation:spin-rotate .6s 0s infinite linear;background-image:-webkit-linear-gradient(transparent 0,transparent 70%,#fff 30%,#fff 100%);background-image:linear-gradient(transparent 0,transparent 70%,#fff 30%,#fff 100%);width:100%;height:100%}
.bgloading {z-index: 1000000;
          position: fixed;
          width: 100%;
          height: 100%;
          opacity: 0.97;
          top: 0;
          right: 0;
          -webkit-filter: blur(1px);
          filter: url('blur.svg#blur');
          filter: blur(1px);
          background: #000;
}
.loader-inner {z-index: 1000001; position:absolute; left: 50%; top: 50%; margin-top: -15px; margin-left: -25px; width: 50px;}
.textloading {z-index: 1000001; position:absolute; left: 50%; top: 50%; margin-top: 35px; margin-left: -50px; width: 100px; color: #fff; font-family: Tahoma, Geneva, sans-serif; text-align: center;}

.suggestion{position:absolute; background:#FFFFFF; line-height: 1.4; border:#cfcfcf solid 1px; border-top:0px; margin:5px 0px 0px 4px; z-index:99999999; border-top:0px}
.suggestion .content_search{ float:left; width:395px;}
.suggestion .content_search li{float:left; width:395px;}
.suggestion .content_search li h3.title_row{float:left;  width:395px; border-bottom:#e4e4e4 solid 0px; border-top:#e4e4e4 solid 0px; color:#333333; background:#e9eced; height:18px; line-height:18px; padding:5px 5px 5px 10px;  font-size:14px}
.suggestion .content_search li ul{float:left; width:410px;  padding:0px 0px;}
.suggestion .content_search li ul li{float:left; width:410px;}
.suggestion .content_search li ul li a{float:left; width:400px; padding:7px 5px 7px 10px; display:block; color:#333333; font-size:15px; text-decoration: none;}
.suggestion .content_search li ul li a:hover{background:#f1f1f1}
.suggestion .content_search li ul li a p.name_suggestion{font-family:"Roboto", serif; color:#2882bc; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.suggestion .content_search li ul li a p.name_singer{font-family:"Roboto", serif; color:#a2a2a2; font-size:13px;}
.suggestion .content_search li ul li a:hover p,.suggestion .content_search li ul li p:hover{ color:#e74c3c}
.suggestion .content_search li ul li a img{ height:32px; float:left; margin-right:5px;}
.activeQS {background:#f1f1f1}
.activeQS a p, .activeQS p{color:#e74c3c !important}

.bg_popoup{position:fixed; background:rgba(0,0,0,0.6); width:100%; height:100%; z-index:1000;}
.bg_popoup .box_info_popup{background:rgba(241,241,241,0.9); position:absolute; left:50%; top:30%;  margin:0 0 0 -250px; width:460px;padding:20px 20px 15px 20px ;-moz-box-shadow: 0 3px 8px rgba(3,3,3,0.26); -webkit-box-shadow: 0 3px 8px rgba(3,3,3,0.26); box-shadow: 0 3px 8px rgba(3,3,3,0.26); }
.bg_popoup .box_info_popup .title-name{  font-size:24px; font-weight:300; float:left; width:100%; margin:0 0 15px 0}
a.close{width:12px; height:12px; display:block;background: url(../images/icon-cloud-v11.png) -319px top no-repeat; margin:0px 0px 0px 0px; float:right}
a.close:hover{background: url(../images/icon-cloud-v11.png) -319px -12px no-repeat; }
.txt-share {width: 440px; padding:0 10px; margin:0 0 10px 0; height: 32px;line-height: 32px;white-space: nowrap;  border:#b5b5b5 solid 1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.row_share{ float:left; width:100%; text-align:center}
input[type=radio   ]:not(old){  width   : 20px;  margin  : 0;  padding : 0;  opacity : 0;  float   : left; display:block; height:24px;}
input[type=radio   ]:not(old) + label{display      : inline-block; margin-left  : -24px; padding-left : 24px; background   : url('../images/icon-repeat.png') -3px -671px  no-repeat; line-height  : 24px; float:left}
input[type=radio]:not(old):hover + label{background-position : -3px -697px;}
input[type=radio]:not(old):checked + label{background-position :-3px -723px;}


.w-content-lb-user-login{width:800px;margin:0 auto;padding:0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-transition: border .25s linear, color .25s linear;-moz-transition: border .25s linear, color .25s linear;-o-transition: border .25s linear, color .25s linear;transition: border .25s linear, color .25s linear;/* display: none; */}
.w-content-lb-user-login .wpage_lightbox{width:800px; margin-top:-150px; top:30%;  z-index:1001;box-shadow:1px 1px 6px #333;-webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; background:#FFFFFF; position: fixed; z-index:999999}
.w-content-lb-user-login .title_lightbox{ float:left; width:770px; padding: 5px 10px 5px 20px; font-weight:700; text-align: left; font-size:18px; color:#212121; border-bottom:  1px solid #dbdbdb!important }
.w-content-lb-user-login .title_lightbox label{ text-transform:uppercase}
.w-content-lb-user-login a.light_close{width:12px; height:12px; display:block;background:url(../../images/icon-repeat.png) -4px -761px no-repeat; margin:2px 0px 0px 0px; float:right; padding:5px;}
.w-content-lb-user-login a.light_close:hover{background:#e2e2e2 url(../../images/icon-repeat.png)  -4px -761px no-repeat; }
.w-content-lb-user-login .content-lightbox{float:left; width:500px; padding:8px 10px 30px 0px; height:auto;border-right:#dbdbdb solid 1px;}
.w-content-lb-user-login .content-lightbox .fun_login{border-top:0px; float:left; width:450px;  color:#333333;}
.w-content-lb-user-login .content-lightbox .fun_login .pdform{ float:left; width:510px; font-size:13px; padding:3px 0px;}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .txt-alert-required{float:left; width:478px; text-align:right; margin:0 0 10px 0; font-size:12px; color:#999999}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .txt-alert-get-pass{float:left; width:430px;  margin:0 0 20px 60px; font-size:13px; text-align:center; color:#333;}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .txt-alert-info-guide-pass{float:left; width:430px;  margin:10px 0 10px 40px; font-size:13px; text-align:left; color:#333;}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .txt-alert-info-guide-pass p{float:left; float:left; width:100%; padding:0 0 10px 0}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .lb{ float:left; width:130px; line-height:34px; font-size:13px; text-align:right; margin-bottom:3px; padding:0 15px 0 0}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .lb .required{ font-size:9px; position:absolute; margin:-5px 0 0 0; color:#e74c3c}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .row{ float:left; width:360px; font-size:13px; margin-bottom:10px;}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .input_data{height:22px; float:left; padding:5px 5px; line-height:25px}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .input_data.berr{border-color:#ef0000!important}
.w-content-lb-user-login .content-lightbox .blk-note {width: 150px;position: absolute; border: 1px solid #d8d8d8; background-color: #fff; padding: 7px 10px;-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding;background-clip: padding-box; color: #707070;font-size: 12px;margin:0 0 0 345px;	z-index:100}
.w-content-lb-user-login .content-lightbox .blk-note .i1 {display: block; font-family: "SimSun"; font-size: 14px; height: 13px; left: -8px; overflow: hidden;position: absolute;top: 9px; z-index:0;color: #d8d8d8;}
.w-content-lb-user-login .content-lightbox .blk-note .i2 {display: block; font-family: "SimSun"; font-size: 14px;height: 22px; left: -6px;  overflow: hidden; position: absolute; top: 9px;  z-index: 1;  color: #fff;}
.w-content-lb-user-login .content-lightbox .fun_login .icon-data-success{float:left; width:16px; height:16px; background: #6EBF6B url(../../images/icon-repeat.png) -4px -2404px no-repeat; margin:9px 0 0 5px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.w-content-lb-user-login .content-lightbox .fun_login .err-note-reg{float:left; width:100%; color:#f10000; font-size:12px}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .input_data.input_link1{width:320px; float:left; font-size:12px}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .input_data.input_link2{width:176px;}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .box_more_option{float:left; width:350px; line-height:16px; padding:5px 0px 0px 0px; margin:0 0 0 142px;}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .box_more_option input{float:left; margin:3px 4px 0px 0px;}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .box_more_option input[type=checkbox]:not(old) + label{    line-height: 16px !important; height:24px !important}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .box_more_option span{float:left; margin-right:5px; font-size:12px; line-height:16px;margin:0px 0px 0 0;}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .box_more_option .lost{ background:none;font-weight:normal; color:#0689ba !important; font-size:14px;line-height:16px;margin:0px 16px 0 0; height:24px; float:right}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .btn.btn_login_submit{float:left; font-size:13px; width:290px; text-transform:uppercase;text-align:center; height:36px; line-height:36px; margin:5px 0px 5px 145px; padding:0px 20px;}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .btn.btn_login_home_music{float:left; font-size:13px; width:200px; text-transform:uppercase;text-align:center; height:36px; line-height:36px; margin:5px 0px 5px 40px; padding:0px 20px;}

.w-content-lb-user-login .content-lightbox .fun_login .pdform .box_more_option label{float:left; font-size:14px;}
.w-content-lb-user-login .content-lightbox .fun_login .pdform .box_more_option a{ color:#0689ba}
.w-content-lb-user-login .box-right-login{float:left; width:259px; padding:0px 10px 15px 10px;border-left:#dbdbdb solid 1px;  margin:0 0 0 -1px; }
.w-content-lb-user-login .box-right-login .box-user-have-acc{float:left; width:100%; padding:0px 0; margin:10px 0 10px 0}
.w-content-lb-user-login .box-right-login .box-user-have-acc .txt-alert-user{float:left; width:100%; text-align:center; font-size:13px}
.w-content-lb-user-login .box-right-login .box-user-have-acc .box-show-btn{float:left; width:100%; text-align:center; height:36px; line-height:36px; margin:10px 0 10px 0}
.w-content-lb-user-login .box-right-login .box-user-have-acc .box-show-btn .btn-action-login-re:hover{background: #d53827;}
.w-content-lb-user-login .box-right-login .box-user-have-acc .box-show-btn .btn-action-login-re{padding:0px 0px; text-align:center; background: #e74c3c; display: inline-block; font-size:15px; width:229px ; text-transform:uppercase}
.w-content-lb-user-login .box-right-login .box-line-or{float:left; width:229px; padding:0px 10px 0px 15px; height:30px}
.w-content-lb-user-login .box-right-login .box-line-or .line-w{height:1px; width:100%; background:#dbdbdb; margin:10px 0 0 0; position:absolute}
.w-content-lb-user-login .box-right-login .box-line-or .title-or{position:absolute; left:50%; font-size:13px; width:60px; margin:-10px 0 0 -30px; background:#FFFFFF; text-align:center}
.w-content-lb-user-login .box-right-login .box_more_login{float:left; width:219px; padding:0px 10px 4px 20px; margin:0px 0px;}
.w-content-lb-user-login .box-right-login .box_more_login .btn-lgoin-social{float:left; width:100%; margin:0 0 10px 0}
.w-content-lb-user-login .box-right-login .box_more_login .btn-lgoin-social .name-social{float:left; font-size:13px;  line-height:28px;color: #444444;}
.w-content-lb-user-login .box-right-login .box_more_login .icon_login_social{width:28px; height:28px !important; margin:0 8px 0 0; float:left; line-height:24px !important; text-align: left;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-weight:bold}
.w-content-lb-user-login .box-right-login .box_more_login .icon_login_social.login_facebook{background:#2f4b93}
.w-content-lb-user-login .box-right-login .box_more_login .icon_login_social.login_facebook:hover{background:#415c9d}
.w-content-lb-user-login .box-right-login .box_more_login .icon_login_social.login_facebook:active{background:#264186}
.w-content-lb-user-login .box-right-login .box_more_login .icon_login_social.login_facebook .iconspan{width:16px; height:16px; background:url(../../images/icon.png) -40px -76px no-repeat;  margin:7px 9px 0px 7px; float:left}
.w-content-lb-user-login .box-right-login .box_more_login .icon_login_social.login_google{background:#c43a30}
.w-content-lb-user-login .box-right-login .box_more_login .icon_login_social.login_google:hover{background:#d24a40}
.w-content-lb-user-login .box-right-login .box_more_login .icon_login_social.login_google:active{background:#b52b21}
.w-content-lb-user-login .box-right-login .box_more_login .icon_login_social.login_google .iconspan{width:16px; height:16px; background:url(../../images/icon.png) -59px -76px no-repeat;  margin:6px 9px 0px 6px; float:left}
.pos-relative{position:relative}
.w-content-lb-user-login a{color: #ffffff}
.menu_user_show ul li.vipnct span{ background:url(../../images/icon-repeat.png) right -3727px no-repeat;padding: 10px 35px 0 0;padding: 9px 38px 0px 0px;float: none;} 

.show-lightbox-popup-v2{width:600px;margin: 0 0 0 -300px; position: fixed; top:15%; left:50%;  padding:0px; z-index:10000; -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  -webkit-transition: border .25s linear, color .25s linear; -moz-transition: border .25s linear, color .25s linear;  -o-transition: border .25s linear, color .25s linear;  transition: border .25s linear, color .25s linear;}
.popup-info-v2-user{ float:left; width:100%;}
.popup-info-v2-user .bg-img-pu{float:left; width:600px; height:250px; background:url(../../images/bg-popup-pu_v2.png)}
.popup-info-v2-user .bg-img-location{float:left; width:600px; height:173px; background:url(../../images/bg-popup-location.jpg)}
.popup-info-v2-user .bg-img-hero{float:left; width:600px; height:173px; background:url(../../images/bg-popup-hero.jpg)}

.popup-info-v2-user .light_close{width:12px; height:12px; display:block;background: url(../images/icon-repeat.png) left -2987px no-repeat; margin:10px 10px 0px 0px; float:right; padding:0px;}
.popup-info-v2-user .light_close:hover{background:url(../../images/icon-repeat.png)  left -3001px no-repeat; }

.popup-info-v2-user .content-txt-pu{float:left; width:580px; padding:20px 10px 30px 10px; background:#FFFFFF}
.popup-info-v2-user .content-txt-pu .txt-info-pu{float:left; text-align: center; width:100%; color:#212121; font-size:16px; line-height:24px; margin:0 0 25px 0}
.popup-info-v2-user .content-txt-pu .box-btn-pu{float:left; text-align: center; width:100%;}
.popup-info-v2-user .content-txt-pu .box-btn-pu a{margin:0 10px; padding:10px 10px; width:120px;  display:inline-block; font-size:15px; text-transform:uppercase}
.popup-info-v2-user .content-txt-pu .box-btn-pu a.pucancel{ background:#787882}
.popup-info-v2-user .content-txt-pu .box-btn-pu a.pucancel:hover{ background:#959599}
.popup-info-v2-user .content-txt-pu .box-btn-pu a.pucancel:active{ background:#58585e}
.show-lightbox.w600px .wpage_lightbox{width:600px; height:332px; top:50%; margin:-166px 0 0 0}


.box-header .box_search .suggestion .content_search li h3.title_row{
    padding: 0px 0px 0px 10px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
}
.box-header .box_search .suggestion .content_search li ul li a.tkw{
    height: 42px;
    line-height: 42px;
    padding:0px 0px 0px 10px;
    box-sizing: border-box;
}
.top-number{
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    font-size: 14px;
    margin-right: 6px;
}
.top-number-1{
    background: #e74c3c;
}
.top-number-2{
    background: #1abc9c;
}
.top-number-3{
    background: #f39c4d;
}
.top-number-4{
    background: #2980b9;
}
.top-number-5{
    background: #48647c;
}

.history-search :hover{
    background: url(../images/btn-delete-search.png) no-repeat right 8px center !important;
    background-color: #f1f1f1 !important;
}
.icon-delete-search{
    font-size: 13px;
    color: #9e9e9e;
    float: right;
    margin-right: 10px;
    background: url(../images/icon-delete-search.png) no-repeat left center;
    padding-left: 20px;
}
.icon-delete-search:hover{
     color: #9e9e9e;
}
.btn-delete-search {
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../images/btn-delete-search.png)no-repeat;
    cursor: pointer;
    right: 10px;
    top: auto;
    display: none;
    webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin-top: 6px;
}
.top-search:hover .btn-delete-search{
   display: block; 
}
.box-header .box_search .suggestion .content_search li ul li{
    position: relative;
}


.box_chart_mv { float: left; width: 300px; padding: 0 0 10px 0 }
.box_chart_mv .title_box { float: left; width: 300px; height: 40px; }
.box_chart_mv .title_box.green { background: #1abc9c; color: #FFFFFF }
.box_chart_mv .title_box h3 { font-size: 20px; line-height: 40px; margin: 0px 10px; float: left }
.box_chart_mv .btn_more_chart { float: right; padding-right: 0px; margin: 0px 0px 0 0 }
.box_chart_mv .more_option { background: url(../images/icon-repeat.png) right -404px no-repeat; padding: 8px 20px 0 10px; color: #2582be; height: 32px; float: left; }
.box_chart_mv .more_option:hover { background: url(../images/icon-repeat.png) right -434px no-repeat; padding: 8px 20px 0 10px; height: 32px; float: left; }
.box_chart_mv div.submenu { background: #ffffff; border: 1px solid #d9d9d9; -moz-box-shadow: 0 3px 8px rgba(3, 3, 3, 0.26); -webkit-box-shadow: 0 3px 8px rgba(3, 3, 3, 0.26); box-shadow: 0 3px 8px rgba(3, 3, 3, 0.26); position: absolute; z-index: 100; width: 135px; display: block; padding: 0px; margin: 40px 0 0 -50px; }
.box_chart_mv div.submenu ul { padding: 0px }
.box_chart_mv div.submenu li { float: left; display: block; width: 135px; padding: 0px; margin: 0px; padding: 0px; }
.box_chart_mv div.submenu li a { float: left; display: block; width: 120px; padding: 8px 5px 8px 10px; font-size: 13px; }
.box_chart_mv div.submenu li a:hover { float: left; display: block; width: 120px; }
.box_chart_mv .list_chart_video { float: left; width: 300px }
.box_chart_mv .list_chart_video li { float: left; width: 300px; margin: 0px 0 10px 0; border-bottom: #f3f3f3 solid 1px; padding: 0 0 10px 0 }
.box_chart_mv .list_chart_video li p, .box_chart_mv .list_chart_video li h4 { color: #acacac }
.box_chart_mv .list_chart_video li .number { float: left; width: 31px; color: #7a7a7a; height: 42px; margin-right: 10px; font-size: 20px; text-align: center; line-height: 42px; vertical-align: middle; }
.box_chart_mv .list_chart_video li .info_data { float: left; width: 253px; }
.box_chart_mv .list_chart_video li .img { float: left; margin-right: 10px; width: 100px; height: 100px; }
.box_chart_mv .list_chart_video li .img img { width: 100px; height: 100px; }
.box_chart_mv .list_chart_video li .info_data .name_song { font-size: 15px; margin: 0 0 6px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; width: 190px; }
.box_chart_mv .list_chart_video li .info_data .name_video_large .name_singer { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px 1px rgba(3, 3, 3, 0.7); font-size: 12px;}
.box_chart_mv .list_chart_video li .info_data .name_video_large .name_singer_search { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px 1px rgba(3, 3, 3, 0.7); color: #999999 !important; }
.box_chart_mv .list_chart_video li.one .info_data { width: 300px; height: 168px; position: relative; background: #000; }
.box_chart_mv .list_chart_video li.one .info_data a { width: 100%; height: 100%; }
.box_chart_mv .list_chart_video li.one .icon_listen { float: left }
.box_chart_mv .list_chart_video li.one .info_data .number.special-1 { width: 46px; height: 46px; font-size: 20px; border: #e74c3c solid 1px; margin: 120px 0 0 0; line-height: 46px; background: #e74c3c; color: #FFFFFF; position: absolute; z-index: 11; }
.box_chart_mv .list_chart_video li.one .info_data .icon_play { position: absolute; z-index: 101; top: 50%; left: 50%; margin: -24px 0 0 -24px; width: 48px; height: 48px; display: block; background: url("../images/icon.png") left -28px no-repeat; }
.box_chart_mv .list_chart_video li.one .info_data img { width: 100%; height: 100%; }
.box_chart_mv .list_chart_video li.one .info_data .name_video_large { position: absolute; width: 390px; bottom: 0; padding: 10px; font-size: 16px; z-index: 10; color: #a8a8a8; }
.box_chart_mv .list_chart_video li.one .info_data .name_video_large h4 { font-size: 14px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px 1px rgba(3, 3, 3, 0.7); margin: 0 0 0 50px; width: 240px; display: block; }
.box_chart_mv .list_chart_video li .icon_listen { float: right; color: #999999; font-size: 12px; background: url(../images/icon-repeat.png) left -198px no-repeat; padding-left: 15px; }
.box_chart_mv .btn_tab_select { float: right; padding: 0px 0px; width: 300px; margin-bottom: 20px; height: 32px; background: #e5e5e5; line-height: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; overflow: hidden }
.box_chart_mv .list_chart_video li .info_data:hover .icon_play { opacity: 1; display: block !important; visibility: visible; -webkit-transition: opacity 1s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.box_chart_mv .list_chart_video li .info_data:hover img { -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.box_chart_mv .list_chart_video li .thumnail-small:hover img { -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.box_chart_mv .list_chart_video li.one .info_data:hover a.name_song { text-decoration: none; color: #0689ba; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
.box_chart_mv .list_chart_video li.one .info_data .name_video_large .name_song { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; line-height: 22px; margin: 0 0 0 50px; width: 239px; text-shadow: 0 1px 1px rgba(3, 3, 3, 0.7); font-size: 14px; display: block; color: #fff; }
.box_chart_mv .list_chart_video li div.thumnail-small { float: left; width: 110px; border-left: #dfdfdf solid 0px; padding-left: 0px; position: relative; background: #000; }
.box_chart_mv .list_chart_video li div.thumnail-small:hover a img { -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.box_chart_mv .list_chart_video li div.thumnail-small .iconPlay { position: absolute; z-index: 101; top: 50%; left: 50%; margin: -14px 0 0 -14px; width: 28px; height: 28px; cursor: pointer; }
.box_chart_mv .list_chart_video li div.thumnail-small .iconPlay img { width: 28px; opacity: 0; visibility: visible; display: block !important; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.box_chart_mv .list_chart_video li .number.special-1 { width: 32px; height: 32px; font-size: 20px; border: #e74c3c solid 1px; margin: 66px 0 0 0; line-height: 32px; background: #e74c3c; color: #FFFFFF; position: absolute; }
.box_chart_mv .list_chart_video li div.thumnail-small .number { width: 31px; height: 31px; font-size: 20px; color: #fff; position: absolute; margin: 23px 0 0 0; z-index: 20; float: left; text-align: center; line-height: 42px; vertical-align: middle; }
.box_chart_mv .list_chart_video li div.thumnail-small .number.special-2 { color: #1abc9c; }
.box_chart_mv .list_chart_video li div.thumnail-small .number.special-3 { color: #f39c12; }
.box_chart_mv .list_chart_video li div.thumnail-small:hover .iconPlay img { opacity: 1; display: block !important; visibility: visible; -webkit-transition: opacity 1s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.box_chart_mv .list_chart_video li div.info { width: 170px; float: right;}
.box_chart_mv .list_chart_video li div.info h3 { width: 170px; line-height: 27px ; font-size: 14px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box_chart_mv .list_chart_video li div.info h4 { font-size: 12px; }