﻿.process *{cursor:progress}
.progress{position:fixed;width:100%;height:2px;top:0;overflow:hidden}
.progress .position{position:absolute;width:0;height:100%;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(156,202,50,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(156,202,50,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(156,202,50,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(156,202,50,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(156,202,50,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(156,202,50,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#9cca32',GradientType=1)}
.progress .flash{position:absolute;top:-2px;left:0;width:40%;height:100%}
.progress .flash .left{width:50%;height:100%;float:left;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(156,202,50,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(156,202,50,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(156,202,50,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(156,202,50,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(156,202,50,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(156,202,50,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#9cca32',GradientType=1)}
.progress .flash .right{width:50%;height:100%;float:left;background:-moz-linear-gradient(left,rgba(156,202,50,1) 0%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(156,202,50,1)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(156,202,50,1) 0%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(156,202,50,1) 0%,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(156,202,50,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(156,202,50,1) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cca32',endColorstr='#00ffffff',GradientType=1)}
.icon{position:relative;overflow:hidden}
.icon img{width:100%;height:auto;position:absolute;top:0;left:0}
.button{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:5px 10px;font-size:14px;line-height:1.428571429;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
a.button:hover{color:#fff}
.button.primary{color:#fff;background-color:#3d9ecf;border-color:#2f8ebe}
.button.primary:hover{background-color:#428bca;border-color:#357ebd}
.button.light{color:#555555;background-color:#fff;border-color:#ccc}
.button.light:hover{color:#555555;background-color:#ebebeb;border-color:#adadad}
.notice{position:fixed;top:0;left:0;right:0;height:48px;background-color:#3d9ecf;z-index:1000;box-shadow:2px 2px 3px rgba(0,0,0,0.2);-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.2)}
.notice.success{background-color:#5cb85c}
.notice.info{background-color:#5bc0de}
.notice.alert{background-color:#7857ca}
.notice.danger{background-color:#d9534f}
.notice.warning{background-color:#f0ad4e}
.notice p{color:#fff;margin:0 48px;text-align:center;line-height:48px;text-shadow:0 0 1px rgba(0,0,0,.45)}
.notice .close{display:block;position:absolute;top:0;right:0;width:48px;height:100%;line-height:48px;color:#fff;text-align:center}
.notice .close .icon{position:absolute;left:13px;top:13px;width:22px;height:22px}
.notice .close .icon img{top:0}
.popup{display:none;text-align:center;overflow:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}
.popup:before {content:'';height:100%;display:inline-block;vertical-align:middle;margin-right:-0.25em}
.popup .layer{background:#f2f2f2;opacity:0.9;filter:alpha(opacity=90);-moz-opacity:0.9;z-index:0;position:absolute;top:0;right:0;bottom:0;left:0}
.popup .close{position:absolute;top:0;right:0;bottom:0;left:0}
.popup .close .icon{position:absolute;right:14px;top:14px;width:21px;height:22px;cursor:pointer}
.popup .close .icon img{top:-42px}
.popup .dialog{border:none;background:#fff;position:relative;vertical-align:middle;margin:0 auto;display:inline-block;text-align:left}
.popup .dialog.add{border-color:#107c10}
.popup .dialog h3{margin:0;padding:0 24px 14px 0;background:transparent;border-bottom:1px solid #aaa;font-size:14px;line-height:14px}
.popup .dialog .progress{position:relative;width:100%;height:2px;overflow:hidden}
.popup .dialog .progress .position{background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(61,158,207,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#3d9ecf',GradientType=1)}
.popup .dialog .progress .flash .left{background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(61,158,207,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#3d9ecf',GradientType=1)}
.popup .dialog .progress .flash .right{background:-moz-linear-gradient(left,rgba(61,158,207,1) 0%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(61,158,207,1)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(61,158,207,1) 0%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(61,158,207,1) 0%,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(61,158,207,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(61,158,207,1) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d9ecf',endColorstr='#00ffffff',GradientType=1)}
.popup .dialog .content{padding:12px 14px 14px 14px;float:left}
.popup .dialog .content p{margin:-7px 0 -6px 0;font-size:14px;line-height:25px}
.popup .dialog .content p a{color:#107c10;text-decoration:none}
.popup .dialog .action{float:right;width:100%}
.popup .dialog .action .button{float:right;margin:0 0 14px 14px}
.popup .dialog .action .button:first-child{margin-right:14px}
.popup .dialog h5{margin:0.5em 0 0.3em 0;font-size:12px}
.tabs{font-size:16px;line-height:14px;color:#333;border-bottom:1px solid #f2f2f2;height:48px}
.tabs li{float:left;height:48px;line-height:48px;margin:0 35px -1px 0;display:block}
.tabs li:hover{border-bottom:1px solid #333}
.tabs li.active{border-bottom:1px solid #3d9ecf}
.tabs li.active a,.tabs li.active a i{color:#3d9ecf}
.tabs li.active a .icon img{top:-32px}
.tabs li a{color:#333;padding:0 0 0 22px;line-height:35px;position:relative}
.tabs li a i{position:absolute;left:0;top:-12px;line-height:normal;color:#555}
.row{margin:0 0 14px 0;width:100%;float:left;clear:both;padding:0;position:relative}
.row .column1,.row .column2,.row .column3,.row .column4,.row .column5,.row .column6,.row .column7,.row .column8,.row .column9,.row .column10,.row .column11,.row .column12{position:relative;min-height:1px;padding:0;float:left}
.row .column1{width:8.333333333333332%}
.row .column2{width:16.666666666666664%}
.row .column3{width:25%}
.row .column4{width:33.33333333333333%}
.row .column5{width:41.66666666666667%}
.row .column6{width:50%}
.row .column7{width:58.333333333333336%}
.row .column8{width:66.66666666666666%}
.row .column9{width:75%}
.row .column10{width:83.33333333333334%}
.row .column11{width:91.66666666666666%}
.row .column12{width:100%}
.row .control{width:100%;height:28px;line-height:28px;border:none;background:#f2f2f2;font-size:14px;text-indent:8px;display:block;margin:2px 0 0 0;padding:0}
.row select.control{height:30px;padding:0 0 0 8px;text-indent:0}
.row textarea.control{min-height:120px;resize:none}
.row input[disabled="disabled"].control{background:transparent}
.row .checkbox{text-align:right;font-size:14px;line-height:18px;margin:0 14px 0 -14px;display:block;float:left;margin:0 14px 0 0;padding:0 0 0 24px;position:relative;cursor:pointer}
.row .checkbox.checked .icon img{top:-16px}
.row .checkbox .icon{display:block;width:16px;height:16px;position:absolute;left:0;top:8px}
.row .checkbox input[type="checkbox"]{display:none}
.row .radio{text-align:right;font-size:14px;line-height:18px;margin:0 14px 0 -14px;display:block;float:left;margin:0 14px 0 0;padding:0 0 0 24px;position:relative;cursor:pointer}
.row .radio.checked .icon img{top:-16px}
.row .radio .icon{display:block;width:16px;height:16px;position:absolute;left:0;top:8px}
.row .radio input[type="radio"]{display:none}
.row.last{margin:0 0 40px 0}
.form.horizontal{display:block;margin-top:0em}
.form.horizontal .row{min-height:1px}
.form.horizontal .label{text-align:right;font-size:14px;line-height:18px;margin:0 14px 0 -14px;color:#999}
.form.horizontal .label,.form.horizontal .radio,.form.horizontal .checkbox{margin-top:0;margin-bottom:0;padding-top:7px}
.upload#container{margin:0}
.upload#container .center{padding:40px 0 0 0;width:800px;margin:0 auto}
.upload .center h1{font-size:24px;font-weight:200;line-height:24px;height:24px;margin:0;color:#555}
.upload .center .select{overflow:hidden}
.upload .center .select .area{border:1px solid #f2f2f2;height:300px;margin:40px 0 0 0;text-align:center}
.upload .center .select .area .swfupload{margin:134px 0 0 0}
.upload .center .upload>.item{border:1px solid #f2f2f2;margin:40px 0 0 0;padding:0;position:relative}
.upload .center .upload>.item .tabs{margin:0 20px 0 20px;padding:10px 0 0 0}
.upload .center .upload>.item .tabs li a{padding:0}
.upload .center .upload>.item .tabs li.right{float:right;margin:0}
.upload .center .upload>.item .content{margin:20px 20px 0 20px}
.upload .center .upload>.item .content .top{overflow:hidden;position:relative}
.upload .center .upload>.item .content .top .row{margin:0}
.upload .center .upload>.item .content .bottom{height:164px;overflow:hidden;position:relative}
.upload .center .upload>.item .content .cover{width:300px;height:300px;background:#f2f2f2 url(/resource/image/album.default.png) 50% 50% no-repeat;position:relative}
.upload .center .upload>.item .content .cover img{width:100%;height:100%;display:block}
.upload .center .upload>.item .content .cover .swfupload{position:absolute;bottom:20px;right:20px}
.upload#container .center .upload>.item .content .field{margin:-12px 0 0 0;position:relative}
.upload .center .upload>.item .content .field label{float:left;clear:both;margin:12px 0 13px 0;display:block;color:#999;overflow:hidden;line-height:15px;font-size:14px}
.upload .center .upload>.item .content .field .title{clear:both;height:36px;border:solid 1px #e5e5e5;overflow:hidden}
.upload .center .upload>.item .content .field .title input{width:100%;line-height:36px;height:36px;font-size:14px;border:none;padding:0 0 0 7px;margin:0}
.upload .center .upload>.item .content .field .artist{clear:both;height:36px;border:solid 1px #e5e5e5;overflow:hidden}
.upload .center .upload>.item .content .field .artist input{width:100%;line-height:36px;height:36px;font-size:14px;border:none;padding:0 0 0 7px;margin:0}
.upload .center .upload>.item .content .field .group{clear:both;height:36px;border:solid 1px #e5e5e5;overflow:hidden}
.upload .center .upload>.item .content .field .group select{width:100%;line-height:36px;height:36px;font-size:14px;border:none;padding:0 0 0 7px;margin:0}
.upload .center .upload>.item .records{margin:20px 0 0 0;-moz-user-select:none}
.upload .center .upload>.item .records .item{height:50px;position:relative;cursor:n-resize}
.upload .center .upload>.item .records .item.moving{background:#f2f2f2}
.upload .center .upload>.item .records .item.active{cursor:inherit}
.upload .center .upload>.item .records .item.active .edit{display:none}
.upload .center .upload>.item .records .item.active .confirm{display:block}
.upload .center .upload>.item .records .item .progress{position:relative;border-top:1px solid #f2f2f2}
.upload .center .upload>.item .records .item .progress .position{background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(61,158,207,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#3d9ecf',GradientType=1)}
.upload .center .upload>.item .records .item .progress .flash{width:200px}
.upload .center .upload>.item .records .item .progress .flash .left{background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(61,158,207,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(61,158,207,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#3d9ecf',GradientType=1)}
.upload .center .upload>.item .records .item .progress .flash .right{background:-moz-linear-gradient(left,rgba(61,158,207,1) 0%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(61,158,207,1)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(61,158,207,1) 0%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(61,158,207,1) 0%,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(61,158,207,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(61,158,207,1) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d9ecf',endColorstr='#00ffffff',GradientType=1)}
.upload .center .upload>.item .records .item .remove{font-size:12px;padding:0 5px 0 5px;line-height:22px;height:22px;border:1px solid #e5e5e5;color:#333;position:absolute;right:20px;top:13px;cursor:pointer}
.upload .center .upload>.item .records .item .edit{font-size:12px;padding:0 5px 0 5px;line-height:22px;height:22px;border:1px solid #e5e5e5;color:#333;position:absolute;right:61px;top:13px;cursor:pointer}
.upload .center .upload>.item .records .item .confirm{font-size:12px;padding:0 5px 0 5px;line-height:22px;height:22px;border:1px solid #357ebd;background:#428bca;color:#fff;position:absolute;right:61px;top:13px;cursor:pointer;display:none}
.upload .center .upload>.item .records .item .status{position:absolute;right:20px;top:0;margin:0;font-size:12px;color:#f38081;height:50px;line-height:50px}
.upload .center .upload>.item .records .item p.title{display:block;line-height:45px;font-size:14px;padding:0 0 0 20px;margin:0}
.upload .center .upload>.item .records .item p.title:focus{outline:none}
.upload .center .upload>.item .action{border-top:1px solid #f2f2f2;height:74px;padding:0 20px 0 0;overflow:hidden}
.upload .center .upload>.item .action .button{float:right;margin:20px 0 0 15px}
.upload .center .upload>.item .action .swfupload{float:left;margin:20px 0 0 20px}
.upload .center .upload>.item .progress{position:absolute;top:0;bottom:initial}
.albumSelector{position:relative;margin:0;overflow:hidden;zoom:1;width:550px}
.albumSelector .body{}
.albumSelector .body .header{height:30px;border-bottom:solid 1px #f2f2f2}
.albumSelector .body .header .title{display:block;line-height:17px;color:#999;float:left;margin:-1px 0 0 0}
.albumSelector .body .header .icon{position:absolute;left:0;top:0;width:16px;height:16px}
.albumSelector .body .header .action{display:block;line-height:16px;color:#999;padding:0 0 0 24px;float:right;position:relative}
.albumSelector .body .container{margin:10px 0 0 0}
.albumSelector .body .container>ul>li{position:relative;border-bottom:solid 1px #f2f2f2;padding:0 0 14px 0;margin:14px 0 0 0}
.albumSelector .body .container>ul>li{height:50px}
.albumSelector .body .container .cover{width:50px;height:50px;position:absolute;left:0;top:0}
.albumSelector .body .container .cover img{width:100%;height:100%}
.albumSelector .body .container .desc{margin:0 0 0 60px;min-height:0;padding:1px 0 0 0}
.albumSelector .body .container .name{font-size:14px;color:#333;height:25px;line-height:25px}
.albumSelector .body .container .statics{margin:0}
.albumSelector .body .container .statics li{float:left;margin:0 10px 0 0;padding:0 0 0 20px;position:relative}
.albumSelector .body .container .statics li a{font-size:13px;line-height:25px;color:#999}
.albumSelector .body .container .statics li i{position:absolute;left:0;top:-3px;color:#999}
.albumSelector .body .container .link{position:absolute;right:0;top:13px;font-size:12px;display:block;padding:0 10px 0 10px;line-height:22px;height:22px;border:1px solid #e5e5e5;color:#333;border-radius:4px}
.upload .center .attention{padding:0 0 23px 0;margin:35px 0 0 0;border-bottom:1px solid #f2f2f2}
.upload .center .attention p{font-size:12px;line-height:22px;color:#333;padding:0}
.upload .center .attention p a{font-size:12px;line-height:22px}
.upload .center .addition{margin:35px 0 35px 0}
