@CHARSET "UTF-8";
html, body{
    padding:0; 
    margin:0; 
}
body {
    font-family:Tahoma,Geneva,'΢ÈíÑźÚ','ºÚÌå','ËÎÌå',sans-serif, Helvetica;
}
ul,li{ list-style-type: none; margin:0;padding:0;}

.hide{
    display:none!important;
}

/* °´Å¥ ͼ±ê ×ÊÔ´ÀàÐÍ ¼ÓÔØ ÁÐ±í µ¯´° ·­Ò³ */

/*°´Å¥*/
.button{
	display:inline;
	margin-bottom:0;
	margin-left:.3em;
	font-size:14px;
	line-height:20px;
	color:#333;
	text-align:center;
	text-shadow:0 1px 1px rgba(255,255,255,0.75);
	vertical-align:middle;
	cursor:pointer;
	background-color:#e6e6e6;
	border-width:1px;
	text-decoration:none;
	border-style:solid;
	border-color:rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 1px 2px rgba(0,0,0,0.05);
	padding:4px 12px;
}

.button:hover,.button:active,.button.active,.button.disabled,.button[disabled]{
	color:#333;
	background-color:#d9d9d9;
}

.button:hover{
	color:#333;
	text-decoration:none;
	background-color:#d9d9d9;
	background-position:0 -15px;
	-webkit-transition:background-position .1s linear;
	-moz-transition:background-position .1s linear;
	-o-transition:background-position .1s linear;
	transition:background-position .1s linear;
}

.button.active,.button:active{
	background-color:#d9d9d9 \9;
	background-image:none;
	outline:0;
	-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
}

.button.disabled,.button[disabled]{
	cursor:default;
	background-color:#e6e6e6;
	background-image:none;
	opacity:.65;
	filter:alpha(opacity=65);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.button-large{
	font-size:17.5px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	padding:11px 19px;
}

.button-small{
	font-size:11.9px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:2px 10px;
}

.button-mini{
	font-size:10.5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:1px 6px;
}


.blue_Button.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{
	color:rgba(255,255,255,0.75);
}

.blue_Button,a.blue_Button{
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	background-color:#3476f0;
	border-color:#2554c6;
}

.blue_Button:hover,.blue_Button:active,.blue_Button.active,.blue_Button.disabled,.blue_Button[disabled]{
	color:#fff;
	background-color:#2463d8;
}

.blue_Button:active,.blue_Button.active{
	background-color:#039 \9;
}


.blue1_Button{
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	background-color:#3476f0;
	border-color:#2554c6;
	border-radius:2px;
    }
.blue1_Button:hover{
	color:#fff;
	background-color:#2463d8;
    }


.button span{ width:24px; height:24px; display:inline-block; vertical-align:text-bottom; }
.button_large{ border-radius: 6px 6px 6px 6px; font-size: 17px; font-weight:700; padding:5px 25px; }
.button_mini{ border-radius: 3px 3px 3px 3px;font-size: 12px; padding: 1px 6px;}

.yellow_Button{
    background-color: #fafafa;
    background-image: linear-gradient(to bottom, #fcf4b5, #f9e1b7);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #666;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-radius:2px;
    }
.yellow_Button:hover{
    color: #FFFFFF;
    background-position: 0 -15px;
    background-color: #f9e1b7;
    text-decoration: none;
    transition: background-position 0.1s linear 0s; 
    }


.grey_Button{
    background-color: #fafafa;
    background-image: linear-gradient(to bottom,#EAEAEA, #dedede);
    background-repeat: repeat-x;
    border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.3);
    color: #777;
    text-shadow:0 -1px 0 rgba(225, 225, 225, 0.8);
	border-radius:2px;
    }
.grey_Button:hover{
    color: #777;
    background-position: 0 -15px;
    background-color: #dedede;
    text-decoration: none;
    transition: background-position 0.1s linear 0s; 
    }
	
.grey_Button1{
    background-color: #fafafa;
    background-image: linear-gradient(to bottom,#fafafa, #dedede);
    background-repeat: repeat-x;
    border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.3);
    color: #000;
    text-shadow:0 -1px 0 rgba(225, 225, 225, 0.8);
	border-radius:2px;
    }
.grey_Button1:hover{
    color: #000;
    background-position: 0 -15px;
    background-color: #dedede;
    text-decoration: none;
    transition: background-position 0.1s linear 0s; 
    }

.green_Button{  
    background-color: #5BB75B;
    background-image: linear-gradient(to bottom, #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-radius:2px;
	}
	
    
.green_Button:hover{
    background-color: #51A351;
    background-position: 0 -15px;
    color: #fff;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}   
.green2_Button_l{
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #d8d8d8, #e6e6e6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #666;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
	border-radius:2px;
    }
.green2_Button_l:hover{
    background-color: #d8d8d8;
    background-position: 0 -15px;
    color: #666;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}   

.green2_Button{
    background-color: #608c03;
    background-image: linear-gradient(to bottom, #86b611, #95c225);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-radius:2px;
    }
.green2_Button:hover{
    background-color: #85b71a;
    background-position:0 -33px;
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

.primary_Button{
    background-color: #006DCC;
    background-image: linear-gradient(to bottom, #0088CC, #0044CC);
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-radius:2px;
}
.primary_Button:hover{
    background-color: #0044CC;
    background-position: 0 -15px;
    color: #fff;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}



/* ·­Ò³ */
 .pagination{padding-right:5px;margin:0;display:inline-block;}
 .pagination .p{
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    float: left;
    line-height: 1.42857;
    margin-left:7px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
	color:#007AFF;    
    }
 .pagination .dot{border: none;background:none;}
 .pagination .cur{
    border: 1px solid #ff8700;
    color: #000000;
   }
 .pagination .jump {   color: #999999; float: left;line-height: 30px;padding: 0 6px;}
 .pagination .jump input{width:28px;height:28px;border: 1px solid #DDDDDD;margin:0 2px; vertical-align: top;}
 .pagination .jump a{width:16px;color:#666;margin:0 4px;padding:4px 3px;vertical-align:top;}

 .pagination .pre i{
 background: url("../images/page-arrow.png") no-repeat -20px 0 transparent;
    display: inline-block;
    height: 15px;
    margin-top: -3px;
    vertical-align: middle;
    width: 10px;
}
 .pagination .next i{
   background: url("../images/page-arrow.png") no-repeat -30px 0 transparent;
    display: inline-block;
    height: 15px;
    margin-top: -3px;
    vertical-align: middle;
    width: 10px;
}


/*Ô¤ÀÀ*/
.upload-preview-edit {
  box-sizing: border-box;
  display: table;
  height: 100%;
  padding: 10px;
  width: 100%;
  font-size:14px;
}
.upload-preview-edit *{
    box-sizing: border-box;
}
.play-left {
  border: 1px solid #eeeeee;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 60%;
  position:relative;
  overflow:hidden;
}
.play-right {
  display: table-cell;
  padding: 10px;
  width: 40%;
}
.upload-preview-edit dl{
    margin:0;
    padding:0;
}
.upload-preview-edit dt {
  clear: both;
  color: #333;
  float: left;
  font-weight: bold;
  padding: 6px 5px;
}

.upload-preview-edit dd {
  color: #999;
  float: left;
  margin: 0;
  padding:6px 5px;
}

.upload-preview-edit .in-review{
    clear:both;
    text-align:center;
}

.upload-preview-edit .in-edit{
    clear:both;
    text-align:left;
}
.upload-preview-edit .button {
  background: none repeat scroll 0 0 #fff;
  box-shadow: unset;
  display: inline-block;
  margin-top: 6px;
  padding: 10px 18px;
  text-shadow: unset;
}
.upload-preview-edit .button:hover{
    background-color: #06bb9c;
    border-color: #06bb9c;
    color: #fff;
}
.upload-preview-edit input{
width:200;
border:1px solid #ccc;
}
.upload-preview-edit textarea{
    vertical-align:top;
    margin-left:5px;
    height:200px;
    width:200;
    border:1px solid #ccc;
    resize:none;
}
.upload-preview-edit .limit
{
    display:none;float:right;color:#ccc;
    padding:0 5px;
}

.upload-preview-edit .show_prev{
    width:60px;
    height:100%;
    position:absolute;
    top:0;
    left:-60px;
    transition: left 1s ease 0s;
    cursor:pointer;
    display:block;
    outline:none;
}

.upload-preview-edit .show_next{
    width:60px;
    height:100%;
    position:absolute;
    top:0;
    right:-60px;
    transition:right 1s ease 0s;
    cursor:pointer;
    display:block;
    outline:none;
}

.upload-preview-edit .play-left:hover .show_prev{
    //transition: left 2 ease 1;
    left:0;
   // background-color:rgba(155,155,155,.2);
    
}

.upload-preview-edit .play-left:hover .show_next{
    //transition: right 2 ease 1;
    right:0;
   // background-color:rgba(155,155,155,.2);
}

.upload-preview-edit .show_prev i{
    background:url('../images/prev.png') no-repeat;

}

.upload-preview-edit .show_next i{
    background:url('../images/next.png') no-repeat;
}

.upload-preview-edit .play-left i{
    background-size:100% 100%;
    display: block;
    height: 60px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 60px;
}

.upload-preview-edit  .play-left .show_prev:active{
    background-color:rgba(155,155,155,.1);

}

.upload-preview-edit  .play-left .show_next:active{
    background-color:rgba(155,155,155,.1);
}
/*音频播放器*/
.play-left div.jp-audio {
  left: calc(50% - 210px);
  position: absolute;
  top: calc(50% - 40px);
}

.play-left div.jp-audio, div.jp-video{
    border:none;
}

.play-left div.jp-progress{
    background:transparent;
}
.play-left div.jp-current-time{
    float:right;
}

.play-left div.jp-duration{
    text-align:left;
}

.play-left div.jp-current-time,.play-left div.jp-duration {
    font-style: normal;
    width: auto;
}

.play-left div.jp-audio div.jp-type-single div.jp-progress{
 width: 280px;
}

.play-left div.jp-progress{
    overflow:inherit;
}