/*****************************************************************************
 *@reset.css
  *(css初始化) 
*****************************************************************************/
body { font:12px/26px Verdana, "simsun", "\5B8B\4F53", Tahoma, Arial; color:#000; background: #f2f1e8; }
.wrap2013 { width:960px; margin:0 auto }/*头部js宽度*/
* { margin:0; padding:0; -webkit-text-size-adjust:none }
td { text-align:left }
img { border:0; vertical-align:top }
ul, li, ol, ul { list-style:none }
h1, h3, h4, h5, h6 { font-size:12px; font-weight:normal }
a { color:#505050; text-decoration:none }
a:visited {; text-decoration:none }
a:hover { color:#ba2636; text-decoration:underline }
a:active { color:#ba2636 }
input, button, textarea, select { color:#797779 }

/*****************************************************************************
 *@gird.css
  *(基础效果:特定宽度、间距、颜色、字号)
*****************************************************************************/
.fl { float:left }
.fr { float:right }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0; font-size:0 }
.clearfix { *zoom:1
}
.rel { position:relative }
.abs { position:absolute }
.blue { color:#0B72A4 }
.w958 { width:958px; margin:0 auto }
.w962 { width:962px; margin:0 atuo }
strong { font-weight:700 }
.p5 { padding:5px }
.p10 { padding:10px }
.p15 { padding:15px }
.p20 { padding:20px }
.p25 { padding:25px }
.p30 { padding:30px }
.p35 { padding:35px }
.p40 { padding:40px }
.pt5 { padding-top:5px }
.pt10 { padding-top:10px }
.pt15 { padding-top:15px }
.pt20 { padding-top:20px }
.pt25 { padding-top:25px }
.pt30 { padding-top:30px }
.pt35 { padding-top:35px }
.pt40 { padding-top:40px }
.pr5 { padding-right:5px }
.pr10 { padding-right:10px }
.pr15 { padding-right:15px }
.pr20 { padding-right:20px }
.pr25 { padding-right:25px }
.pr30 { padding-right:30px }
.pr35 { padding-right:35px }
.pr40 { padding-right:40px }
.pb5 { padding-bottom:5px }
.pb10 { padding-bottom:10px }
.pb15 { padding-bottom:15px }
.pb20 { padding-bottom:20px }
.pb25 { padding-bottom:25px }
.pb30 { padding-bottom:30px }
.pb35 { padding-bottom:35px }
.pb40 { padding-bottom:40px }
.pl5 { padding-left:5px }
.pl10 { padding-left:10px }
.pl15 { padding-left:15px }
.pl20 { padding-left:20px }
.pl25 { padding-left:25px }
.pl30 { padding-left:30px }
.pl35 { padding-left:35px }
.pl40 { padding-left:40px }
.pl210 { padding-left:210px }
.pl480 { padding-left:485px }
.m5 { margin:5px }
.m10 { margin:10px }
.m15 { margin:15px }
.m20 { margin:20px }
.m25 { margin:25px }
.m30 { margin:30px }
.m35 { margin:35px }
.m40 { margin:40px }
.mt5 { margin-top:5px }
.mt10 { margin-top:10px }
.mt15 { margin-top:15px }
.mt20 { margin-top:20px }
.mt25 { margin-top:25px }
.mt30 { margin-top:30px }
.mt35 { margin-top:35px }
.mt40 { margin-top:40px }
.mt45 { margin-top:45px }
.mt50 { margin-top:50px }
.mt80 { margin-top:80px }
.mr5 { margin-right:5px }
.mr10 { margin-right:10px }
.mr15 { margin-right:15px }
.mr20 { margin-right:20px }
.mr25 { margin-right:25px }
.mr30 { margin-right:30px }
.mr35 { margin-right:35px }
.mr40 { margin-right:40px }
.mb5 { margin-bottom:5px }
.mb10 { margin-bottom:10px }
.mb15 { margin-bottom:15px }
.mb20 { margin-bottom:20px }
.mb25 { margin-bottom:25px }
.mb30 { margin-bottom:30px }
.mb35 { margin-bottom:35px }
.mb40 { margin-bottom:40px }
.mb60 { margin-bottom:60px }
.ml5 { margin-left:5px }
.ml10 { margin-left:10px }
.ml15 { margin-left:15px }
.ml20 { margin-left:20px }
.ml25 { margin-left:25px }
.ml30 { margin-left:30px }
.ml35 { margin-left:35px }
.ml40 { margin-left:40px }
.col_1 { width:10px }
.col_2 { width:20px }
.col_3 { width:30px }
.col_4 { width:40px }
.col_5 { width:50px }
.col_6 { width:60px }
.col_7 { width:70px }
.col_8 { width:80px }
.col_9 { width:90px }
.col_10 { width:100px }
.col_11 { width:110px }
.col_12 { width:120px }
.col_13 { width:130px }
.col_14 { width:140px }
.col_15 { width:150px }
.col_16 { width:160px }
.col_17 { width:170px }
.col_18 { width:180px }
.col_19 { width:190px }
.col_20 { width:200px }
.col_21 { width:210px }
.col_22 { width:220px }
.col_23 { width:230px }
.col_225 { width:225px; display:inline; float:left;}
.col_24 { width:240px }
.col_25 { width:250px }
.col_26 { width:260px }
.col_27 { width:270px }
.col_28 { width:280px }
.col_29 { width:290px }
.col_30 { width:300px }
.col_31 { width:310px }
.col_32 { width:320px }
.col_33 { width:330px }
.col_34 { width:340px }
.col_35 { width:350px }
.col_36 { width:360px }
.col_37 { width:370px }
.col_38 { width:380px }
.col_39 { width:390px }
.col_40 { width:400px }
.col_41 { width:410px }
.col_42 { width:420px }
.col_43 { width:430px }
.col_44 { width:440px }
.col_45 { width:450px }
.col_46 { width:460px }
.col_47 { width:470px }
.col_48 { width:480px }
.col_49 { width:490px }
.col_50 { width:500px }
.col_51 { width:510px }
.col_52 { width:520px }
.col_53 { width:530px }
.col_54 { width:540px }
.col_55 { width:550px }
.col_56 { width:560px }
.col_57 { width:570px }
.col_58 { width:580px }
.col_59 { width:590px }
.col_60 { width:600px }
.col_61 { width:610px }
.col_62 { width:620px }
.col_63 { width:630px }
.col_64 { width:640px }
.col_65 { width:650px }
.col_66 { width:660px }
.col_67 { width:670px }
.col_68 { width:680px }
.col_69 { width:690px }
.col_70 { width:700px }
.col_71 { width:710px }
.col_72 { width:720px }
.col_73 { width:730px }
.col_74 { width:740px }
.col_75 { width:750px }
.col_76 { width:760px }
.col_77 { width:770px }
.col_78 { width:780px }
.col_79 { width:790px }
.col_80 { width:800px }
.col_81 { width:810px }
.col_82 { width:820px }
.col_83 { width:830px }
.col_84 { width:840px }
.col_85 { width:850px }
.col_86 { width:860px }
.col_87 { width:870px }
.col_88 { width:880px }
.col_89 { width:890px }
.col_90 { width:900px }
.col_91 { width:910px }
.col_92 { width:920px }
.col_93 { width:930px }
.col_94 { width:940px }
.col_95 { width:950px }
.col_96 { width:960px }
.col_97 { width:970px }
.col_98 { width:980px }
.col_99 { width:990px }
.col_100 { width:1000px }
.col_120 { width:1200px }
.col_125 { width:1250px }
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, .col_13, .col_14, .col_15, .col_16, .col_17, .col_18, .col_19, .col_20, .col_21, .col_22, .col_23, .col_24, .col_25, .col_26, .col_27, .col_28, .col_29, .col_30, .col_31, .col_32, .col_33, .col_34, .col_35, .col_36, .col_37, .col_38, .col_39, .col_40, .col_41, .col_42, .col_43, .col_44, .col_45, .col_46, .col_47, .col_48, .col_49, .col_50, .col_51, .col_52, .col_53, .col_54, .col_55, .col_56, .col_57, .col_58, .col_59, .col_60, .col_61, .col_62, .col_63, .col_64, .col_65, .col_66, .col_67, .col_68, .col_69, .col_70, .col_71, .col_72, .col_73, .col_74, .col_75, .col_76, .col_77, .col_78, .col_79, .col_80, .col_81, .col_82, .col_83, .col_84, .col_85, .col_86, .col_87, .col_88, .col_89, .col_90, .col_91, .col_92, .col_93, .col_95, .col_95, .col_96, .col_97, .col_98, .col_99, .col_100 { display:inline; float:left }
.oh { overflow:hidden }
/*footer  通用底部版权*/
#footer { font-family:"Tahoma"; line-height:21px; color:#999; }
.footerborder { border-top:1px solid #b4b4b4 }
.wrap { margin-left:auto; margin-right:auto; width:1200px;repeat; }
.wrap3 { margin-left:auto; margin-right:auto; width:1200px;repeat;}
/*****************************************************************************
 *@skin.css
  *(自定义样式，以下为可编辑区)
*****************************************************************************/

/*网页宽度 根据项目不同修改*/
.z_body {margin:0 auto;font:normal 14px/26px "microsoft yahei";}
.bg01 { background:url(../../images/index_01.jpg) top center no-repeat; height:340px; margin:0 auto; }
.bg02 { background:url(../../images/index_02.jpg) top center no-repeat; height:444px;  margin:0 auto; }
.bg03 {  margin: 0 auto;padding: 35px 0 50px; height:620px;}
.bg05 { background:url(../../images/index_03.jpg) top center no-repeat;  margin:0 auto; }
.bg06 { margin:0 auto; padding:0 0 50px;}
.bg09 { margin:0 auto; }
.bg10 { background:#343648;  margin:40px auto 0;}
.bg11 { background:#f2f1e8; margin:0 auto; }

/*zbody开始*/
.z_body a { color:#000; text-decoration:none;}
.z_body a:hover { color:#c73e14;}

/*20150708*/
.wrap2 { margin-left:auto; margin-right:auto; width:1200px;}
.whitebg { background: #fff;}
.nav { height:73px;}
.nav a { color:#FFF; font-size:22px; line-height:20px; display:block; float:left; padding:21px 34px 7px ;}
.nav a:hover { color:#392e35; font-size:22px; line-height:20px; text-decoration:none; background:#c89f30;}
.nav a.current { color:#392e35; font-size:22px; line-height:20px; text-decoration:none; background:#c89f30;}
.nav a.current2 { color:#392e35; font-size:22px; line-height:20px; text-decoration:none; background:#c89f30;padding:14px 50px;}
.nav em { color:#867e83; font-size:12px; text-decoration:none; font-style:normal;}
.nav a.witehome { font-size:22px; line-height:20px; text-decoration:none; padding:21px 50px 7px ;}
.nav a.current em, .nav a.current2 em,.nav a:hover em{ color:#392e35;}


.bottom_txt { font-size:14px; color:#FFF; padding:50px 0; border-bottom:1px solid #888888;}
.bottom_txt p { padding:10px 0;　}
.bottom_txt p span { background:#cb7058; color:#171215; padding:3px 20px; font-weight:bold; font-size:14px;}


.month-con1 li { float: left;margin:0  18px 25px 0!important; margin:0  18x 25px 0;_margin:0 11px 5px 0; width:220px; }
.month-pic1 { height:145px; overflow: hidden; width:220px; border:1px solid #666;  text-align:center;}
.month-pic1 img {  height:145px;}
.month-con1 li p { color: #555555; line-height:18px; overflow: hidden; text-align:center; font-size:14px; text-align:left; overflow:hidden;}
.month-con1 li p span {width:155px; height:24px; line-height:24px; float:right; padding-left:15px;}
.picinfto { position:relative;}
.picinfto .stars { position:absolute;background: url("../img/stars.png") no-repeat scroll 0 -4px transparent ; bottom:4px;right:10px; padding-left:27px;}
.picinfto a { font-size:14px; color:#333;font-weight:bold;}
.bd_right { border-right:1px solid #666;}


.month-con2 li { float: left;margin: 0 0 20px!important; margin: 0 0 20px;_margin:0 0 20px; width:220px; position:relative; }
.month-con2 li em{  position:absolute; width:30px; height:30px; background:#ee5339; color:#FFF; font-size:22px; font-weight:bold; line-height:30px; text-align:center;top:0; left:0; display:block; font-style:normal;}
.month-pic2 { height:145px; overflow: hidden; width:220px; border:1px solid #666;  text-align:center;}
.month-pic2 img {  height:145px;}
.month-con2 li p { color: #555555; line-height:18px; overflow: hidden; text-align:center; font-size:14px; text-align:left; overflow:hidden;}
.month-con2 li p span {width:155px; height:24px; line-height:24px; float:right; padding-left:15px;}
.pm_title { padding:5px;color:#ee5339; font-size:18px; font-weight:bold; width:210px; text-align:center; border:1px solid #ee5339;background: url("../img/stars.png") no-repeat scroll 41px 5px transparent ;}



/*导读及新闻*/
.daodu_right .pic { width:137px; height:124px; margin-right:20px;_margin-right:10px; margin-left:5px;  float:left; }
.daodu_right .pic img { width:125px; height:112px; background:#fff; padding:6px; border:1px solid #bcbcbc; }
.daodu_right .txt { float:left; width:315px; overflow:hidden; }
.daodu_right .txt a.fontbd { font-weight:bold; font-size:14px; }

ul.newList{border-bottom:none;}
ul.newList li{margin-bottom:0px;font-size:14px;line-height:31px;height:31px;overflow:hidden; border-bottom:1px solid #d1d1d1;}
ul.newList li a{color:#333;}

/*翻页*/
div.page_blue { font-family: "arial"; margin: 30px 0 10px; padding: 6px; text-align: center }
div.page_blue a {color:#555; margin: 2px; padding: 5px 8px; text-decoration: none; background: #fff; border:1px solid #c2c2c2;}
div.page_blue a:hover { background: #ee5339; color: #fff; text-decoration: none; }
div.page_blue a:active { border: 1px solid #C33; color: #000000 }
div.page_blue span.current { background: #ee5339; border: none; color: #fff; font-weight: bold; margin: 2px; padding: 5px 8px }
div.page_blue span.info { padding-right: 5px }


/*故事类作品展示*/

.month-con3 li { float: left;margin:0  18px 30px 0!important; margin:0  18x 30p 0;_margin:0 13px 10px 0; width:285px; }
.month-pic3 { height:198px; overflow: hidden; width:285px;display: block; border:1px solid #d8d8d8;  text-align:center; position: relative;}
.month-pic3 a.s-ico { position: absolute; top:55px;left:105px; width: 77px; height: 77px; display: block;background: url("../../images/start.png") no-repeat ;z-index:999;  }
.month-pic3 a.photo { position: absolute;z-index:90;top:0px;left:0px;width:285px;height:198px;display: block;}
.month-pic3 img {  height:192px;padding: 3px;}
.month-con3 li p { color: #000; line-height:18px; overflow: hidden; text-align:center; font-size:16px; text-align:left; overflow:hidden;}
.picinfto3 { position:relative;}
.picinfto3 .stars { position:absolute;background: url("../img/stars.png") no-repeat scroll 0 -4px transparent ; bottom:4px;right:10px; padding-left:27px;}
.picinfto3 a { font-size:16px; color:#333; font-weight:bold;}
.picinfto3 p span a { float: right;font-weight:normal;color:#ff0f0f;}
.month-con4 li { float: left;margin:0  15px 20px 0!important; margin:0  15x 20p 0;_margin:0 10px 5px 0; width:285px; }
.month-pic4 { height:189px; overflow: hidden; width:285px; border:1px solid #666;  text-align:center;}
.month-pic4 img {  height:189px;}
.month-con4 li p { color: #555555; line-height:18px; overflow: hidden; text-align:center; font-size:14px; text-align:left; overflow:hidden;}
.picinfto4 { position:relative;}
.picinfto4 .stars { position:absolute;background: url("../img/stars.png") no-repeat scroll 0 -4px transparent ; bottom:4px;right:10px; padding-left:27px; text-decoration:none;}
.picinfto4 a { font-size:14px; color:#333; font-weight:bold;}


/*活动介绍*/
.tougao { width:575px;}
.tougao img{ float:right;}
.jiangli td { border:1px solid #bfbfbf; text-align:center;}
.jiangli td.biaoti {background: #81797e; color:#FFF;}


/*媒体报道列表*/
.mbox4 { float:left; width:1200px;_margin-left:0;}
.mbox4 ul li { float:left; margin:30px 0 20px 0;height:120px; overflow:hidden;  }
.mbox4 .bd{  width:1200px;height:120px; overflow:hidden; position:relative;}
.mbox4  em { position:absolute; font-size:14px; color:#999; right:30px; top:5px; font-style:normal;}
.mbox4 .bd .txt {width:1180px; float:left;  overflow:hidden; }
.mbox4 .bd .txt p a{width:1180px; float:left;  overflow:hidden; color:#666; }
.mbox4 .bd .txt p a.jiacu{ font-weight:bold;}
.mbox4 .bd .txt .tt {color: #333; display: block; font-size: 26px;  font-weight:700;  line-height:30px; margin:0 0 10px; overflow: hidden;}
.address { color:#999;}

/*图片详情*/
.picmain .cont { text-align:center;}
.picmain .cont img { padding:10px; border:1px solid #d8d8d8; display: block; max-width:1000px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");　overflow: hidden; margin: 10px auto 0px; }
.picmain .story { font-size:22px; color:#333;font-weight:bold; padding:5px 0; border-bottom:1px solid #999; }
.picmain .storytxt { font-size:14px; color:#000; }
.picinfto2 { position:relative; width:1000px; margin:20px auto 20px;}
.picinfto2 a.stars { position:absolute;background: url("../img/stars.png") no-repeat scroll 0 1px transparent ; top:0px;right:100px; padding-left:27px;}
.picinfto2 a.stars:hover {text-decoration:none; }
.picinfto2 a.btn_vote { position:absolute;top:0px;right:0; padding-left:27px; background:#d24831; color:#FFF; text-align:center; padding:5px 25px;font-size:14px; line-height:18px;}
.picinfto2 a.btn_vote:hover { background:#f07a67; color:#FFF; text-decoration:none;}
.picinfto2 a { font-size:14px; color:#333;}
.picinfto2 span.picname { font-size:14px; color:#333;font-weight:bold;}
.picinfto2 p { color:#333;}
.more-bg { width: 1200px; text-align: center;}
.more-bg a.more-btn{background:#AB6B6B;color: #FFFFFF; font-size: 18px; padding: 10px 20px;margin-bottom: 10px;}
.more-bg a.more-btn:hover{background:#AB6B6B;color: #FFFFFF; font-size: 18px; padding: 10px 20px; }


/* 弹出窗口 */

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/* reveal-modal */
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:100;display:none;top:0;left:0;}
.reveal-modal{visibility:hidden;top:100px;left:50%;margin-left:-300px;width:360px;background:#eee url(modal-gloss.png) no-repeat -200px -80px;position:absolute;z-index:101;padding:30px 40px 34px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}
.reveal-modal .close-reveal-modal {
font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.reveal-modal {font-family:"microsoft yahei"}
.reveal-modal h2{font-size:14px;color:#4b4248;padding:0 0 20px 0;}
.reveal-modal p{padding:0 0 15px 0; font-size:16px; }
.reveal-modal input{ border:1px solid #666; font-size:14px; padding:2px 10px;}
.reveal-modal input.btn_preson { background:#4b4248; color:#fff; cursor:pointer; padding:6px 100px; margin-left:0px;}

/*　作品上传　*/

.form .fl label, .form input, .form select, .form textarea, .form button, .form .label{float:left;font-size:14px; padding:5px;}
.fl{float:left;}.fr{float:right;}.fn{float:none;}
.hide{display:none;}.invisible{visibility:hidden;}.overflow{overflow:hidden;}
.clear{display:block;clear:both;height:0;overflow:hidden;}
.yellow_button{background:url(../img/yellow_button.png);border:none;cursor:pointer;height:36px;line-height:36px; overflow:hidden; display:inline-block; text-align:center; font-size:14px; font-weight:800; color:#fff;background-position:0 0;width:139px;}
#registsubmit.disabled{background-position:0 -36px;cursor:default!important;}
.red{color:#ff0000;font-family:"宋体";font-weight:normal;}
#formbox{padding:10px;margin:10px auto;width:1200px;}
#formbox h3{font-size:16px;height:32px;color:#3366cc;font-weight:800;border-bottom:solid 1px #D1D1D1;margin:0 0 20px 0;padding:0 10px;}
#formbox .item{padding-top:20px;overflow:hidden;line-height:26px; float:left;}
#formbox .item.w570 { width:570px;}
#formbox .item.w1200 { width:1200px;}
#formbox .item a:link,#formbox .item a:visited{text-decoration:underline;}
#formbox .label{width:140px;text-align:right;font-size:16px;}
#formbox .span-150{width:150px;}
#formbox .text{width:360px;height:22px;padding:6px 3px;border:1px solid #bbb;font-size:16px;font-family:arial,"宋体";}
#formbox .text-1{width:100px;}
#formbox .blank{width:16px;height:16px;margin:2px 5px 0;}
#formbox .img img{height:26px;margin:0 5px;}
#formbox .succeed{background:url(images/pwdstrength.gif) no-repeat -105px 0;}
#formbox .highlight1{border:1px solid #EFA100;outline:2px solid #FFDC97;*border:2px solid #ffcc66;*padding:3px 2px;}
#formbox .highlight2{border:1px solid #f00;outline:1px solid #FFC1C1;color:#f00;}
#formbox .pwdbg{background:#FFF8EB;}
#formbox .focus{color:#999;line-height:22px;*line-height:20px;}
#formbox .null,#formbox .error{color:red;line-height:22px;*line-height:20px;}
#formbox .checkbox{margin-top:6px;*margin-top:2px;}
#formbox .radio{margin-top:4px;*margin-top:2px;width: 20px;height: 20px;margin-right: 10px;}
#formbox #referrer{color:#999;font-size:12px;}
#formbox #protocol{margin:0px 5px 0 0;display:inline;}
#pwdstrength{color:#999;line-height:22px;padding-right:10px;}
#pwdstrength b{float:left;width:104px;height:13px;overflow:hidden;margin-top:5px;*margin-top:3px;}
.strengthA b{background:url(images/pwdstrength.gif) no-repeat 0 0;}
.strengthB b{background:url(images/pwdstrength.gif) no-repeat 0 -13px;}
.strengthC b{background:url(images/pwdstrength.gif) no-repeat 0 -26px;}
.yellow_button{background:url(../img/btn.png);border:none;cursor:pointer;height:74px;line-height:36px; overflow:hidden; display:inline-block; text-align:center; font-size:14px; font-weight:800; color:#fff;background-position:0 0;width:219px;border:none;cursor:pointer;}

.photo-view{position:fixed;top:0;left:0;bottom:0;right:0;z-index:9999;background:rgba(0,0,0,.66);}
.photo-view .close-photo-view{position:absolute;top:5px;right:10px;z-index:10001;height:40px;line-height:40px;font-size:20px;color:#fff;text-decoration:underline;padding:0 10px;cursor:pointer; background:url(../img/close2.png) no-repeat 0 0; width:60px; height:88px; }
.photo-view .photo-wrapper{position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%;width:100vw;height:100vh;font-size:0;text-align:center;}
.photo-view .photo-wrapper:before{display:inline-block;width:0;height:100%;content:'';vertical-align:middle;filter:alpha(opacity=0);opacity:0;}
.photo-view .photo-wrapper img,.photo-view .photo-wrapper video{vertical-align:middle;max-width:100%;max-height:100%;max-width:100vw;max-height:100vh;}

.webuploader-pick{font-size:16px;background:#ce542f !important;}
.img-title,.video-title{font-size:16px;text-align:center;line-height:40px;border-bottom:1px solid #000;}
.right-content{padding-right:40px;margin-left:150px;}
.no-uploaded-data{padding:40px;text-align:center;}
.img-preview,.video-preview{padding:20px 10px;}
.img-item,.video-item{position:relative;float:left;width:200px;height:250px;font-size:0;text-align:center;padding:10px;border:1px solid #ccc;margin:0 20px 10px 0;background:#fff;}
.img-item:before,.video-item:before{display:inline-block;content:'';width:0;height:100%;vertical-align:middle;}
.img-item img{max-width:100%;max-height:100%;vertical-align:middle;}
.video-cover{display:inline-block;width:200px;height:130px;vertical-align:middle;background:url(../img/video_cover.jpg) no-repeat;}
.img-item .del-btn,.video-item .del-btn{display:none;position:absolute;left:0;bottom:0;width:100%;height:40px;line-height:40px;font-size:16px;color:#000;text-align:center;cursor:pointer;background:#ccc;}

.layer-wrapper{position:relative;padding:36px 30px 20px;}
.close-layer-btn{position:absolute;top:6px;right:4px;width:30px;height:30px;}
.close-layer-btn:before{position:absolute;top:50%;left:50%;width:12px;height:12px;content:'';margin:-6px 0 0 -6px;background:url(../img/close_btn.png) no-repeat;}
.tip-layer,.progress-layer{position:fixed;top:-100%;left:-100%;z-index:10010;max-width:380px;text-align:center;border-radius:10px;background:#fff;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.33);box-shadow:0 2px 6px rgba(0,0,0,.33);visibility:hidden;}
.tip-layer .tip-content,.progress-layer .progress-desc{line-height:20px;font-size:16px;color:#333;word-break:break-all;}
.progress-layer .progress-bar{position:relative;height:14px;width:200px;border-radius:4px;margin:5px auto 10px;background:#f5f5f5;overflow:hidden;}
.progress-layer .now-progress{position:absolute;top:0;left:0;width:0;height:100%;background:#ce542f;}
.upload-content>div{display:none;}
.upload-content .active{display:block;}