@charset "utf-8";
/* CSS Document */

@charset "utf-8";

.messForm{ background:#EEEEEE; padding:9px 20px 10px;}
.messTit{ overflow:hidden; line-height:32px; padding-bottom:1px;color:#666;}
.total{float:right; font-size:12px;}
.total em{ margin-left:20px; font-family:Verdana; color:#cc0000}
.messWrap .areaForm .input{width:654px; height:60px; overflow-x:hidden; padding:10px 8px;}
.messWrap .areaForm .tips{left:10px;}
.messWrap .areaForm{ position:relative;}
.notLog,.areaForm .noInfo{ position:absolute; top:0px; left:0px; width:670px; height:80px;font:18px/32px 'Microsoft Yahei'; }
.notLog p{ height:32px; width:170px; background:url(../imgs/alert.png) 0 0 no-repeat;font:18px/32px 'Microsoft Yahei'; padding-left:50px; margin:25px auto 0px;}
.notLog p a{ margin:0px 10px; color:#12836d;}
.notLog p a:hover{ text-decoration:underline}
.areaForm .noInfo{ text-align:center; padding-top:20px; height:60px;}
.submitForm{ overflow:hidden;_zoom:1; margin-top:10px; position:relative;}
.submitForm  em{ float:left;color:#333333; font-size:12px;}
.submitForm .verify{ float:left;}
.submitForm .errAlert{position: absolute;left: 171px;top: 0;width: 190px;color: #CC0000;font-size: 12px; background:url(../imgs/erro.png) 0 50% no-repeat; padding-left:19px;}
.submitForm .tips{top:8px;}
.submitForm .input{ width:74px; height:14px; padding:8px;vertical-align:top;}
.submitForm img{  margin-left:10px}
.submitForm .submit{ float:right; width:90px; height:30px; line-height:30px; text-align:center; border:none; color:#FEFEFE; background:#1abc9c; font-family:'Microsoft Yahei'; font-weight:bold}
.submitForm .submit:hover{ background:#12836d; cursor:pointer;}
.submitForm .verifyCode{width:60px;height:30px;margin-left:4px; vertical-align:bottom; cursor: pointer;}
.messWrap .ps{ color:#999999; font-size:12px; padding-top:1px;}
.messList{margin-top:40px;border-top:1px solid #eeeeee;}
.messList dl{ line-height:24px; padding:10px 0px 20px; border-bottom:1px solid #cccccc;}
.messList dt{ font-size:12px; color:#999999; line-height:32px;font-family:Arial, SimSun}
.messList dt em{ margin-right:20px;}
.messList dd{ padding-bottom:15px; word-break:break-all}
.messList .mesSec{padding:10px 0px; margin-left:20px; background:#f3f3f3;}
.messList .mesSec dl{border:none; padding:0px; padding:0px 10px;}
.messList .mesSec dd{ padding-bottom:5px;}
.messList .mesSec .last{ border:none;}
.messList .noInfo{ text-align:center; padding:20px; font:14px/30px 'Microsoft Yahei'; border-bottom:1px solid #cccccc;}

.workHead{border:1px solid #eee; overflow:hidden; position:relative; _zoom:1; margin-bottom:20px;}
.workShow{  display:block;width:458px;position:absolute; left:0px; top:0px;overflow:hidden;}
.workShow .imgWrap{width:458px; height:458px; border:none;position:relative;  _zoom:1; background:none; color:#FFF;}
.workShow .imgWrap .imgCell{width:458px; height:458px;line-height:458px; font-size:458px; }
.workShow .imgWrap img{max-width:458px; max-height:458px;}
.workShow em {background:url(../imgs/dianzhen-bg.png) 0 0 repeat; width:100px; height:100px; position:absolute; top:30px; left:0; display:none; font-size:0; line-height:0;}
.workShow .viewBig{ position:absolute; z-index:1; right:0px;bottom:0px; display:block; width:30px; height:30px; overflow:hidden;background:url(../imgs/zoom.png) 0 0 no-repeat; text-indent:-299px; }
.workShow .viewBig:hover{ background-position:-32px 0px;}
.workHead .zoom_bg{ width:458px; height:458px; position:absolute; top:0; left:478px; background:#FFF; overflow:hidden; visibility:hidden; z-index:2;}
.workIntro{ float:right;  border-left:1px solid #ddd; width:479px; padding:0px 20px; min-height:458px; _height:458px;}
.workIntro .turn{ overflow:hidden; padding:20px 0px 10px;_zoom:1;}
.workIntro .turn .btn{ float:right; margin-left:10px; padding:0px 15px;  border:1px solid #12836d; color:#fff; line-height:22px; height:22px; }
.workIntro .turn .btn:hover{ background: #12836d; color:#FEFEFE; border-color:#12836d;}
.workIntro h1{ font:24px/30px 'Microsoft Yahei' ;padding:5px 20px 25px;}
.workIntro h1 span { line-height:1; color:#fff; background:#f29ec4; margin-left:10px;font-size:12px; font-weight:normal; padding:0 1px;}
.workIntro li{ font-size:12px; line-height:28px; height:28px; overflow:hidden;}
.workIntro .log{ color:#12836d; margin-left:25px;}
.workIntro .log:hover{ text-decoration:underline}
.workIntro li em{ font:bold 18px/26px Verdana,'Microsoft Yahei'; color:#C00;}
.workIntro .price strong{ vertical-align:top; *vertical-align:5px;}
.consult { line-height:24px; font-size:12px; padding:14px 20px; background-color:#f8f8f8;}
.consult .tel{ font:16px/24px 'Microsoft Yahei' ; display:block; color:#666; margin-bottom:11px; }
.consult .tel em{ color:#000; font-family:Verdana;}
.consult .serTel{ font:16px/24px 'Microsoft Yahei' ; display:block; color:#666; margin-bottom:2px; }
.consult .serTel em{ color:#000; font-family:Verdana;}
.consult .serTel a { font-family:simsun; font-size:12px; color:#666; margin-left:9px; vertical-align:2px;}
.consult p { color:#999;}
.workShare { zoom:1;}
.workShare a{ font-family:Microsoft Yahei,hei; float:left; margin-left:20px; text-decoration:underline;}
.hotline{ display:inline-block; margin-left:30px; padding-left:15px; background:url(../imgs/hotline.png) 0 4px no-repeat; vertical-align:top; color:#12836d}
.hotline:hover{ text-decoration:underline;}
.workBtn{ overflow:hidden;_zoom:1; padding:30px 0px;}
.workBtn .btn{padding:0px 20px; height:40px; float:left;  margin-right:10px; font:14px/40px 'Microsoft Yahei'}
.workBtn .buyBtn { width:110px; text-align:center; background-color:#cc1b00; color:#fff; font-size:16px;}
.workBtn .buyBtn:hover {background-color:#e01e00;}
.workBtn .buyNo { width:110px; text-align:center; background-color:#ccc; color:#fff; font-size:16px; cursor:default;}
.workBtn .buyNo:hover {background-color:#ccc; cursor:default;}
.workBtn .negate{ color:#666; border:1px solid #eee; background:#eee}
.workBtn .negate:hover{ background:#1abc9c; color:#FEFEFE;}
.workBtn .favorBig{ background:#FFF; color:#000; border:1px solid #ccc; line-height:36px; height:38px;}
.workBtn .favorBig:hover{ background:#1abc9c; color:#FEFEFE; border-color:#1abc9c;}
.workBtn .favorBig i{ float:left; width:20px; height:18px; margin:9px 5px 0px 0px; overflow:hidden;background:url(../imgs/com/favor_big.png) 0 0px no-repeat;}
.workBtn .favorBig:hover i{ cursor:pointer; background-position:-25px 0px;}
.workBtn .favorited,.workBtn .favorited:hover{  background:#FFF; cursor:default; color:#999999;}
.workBtn .favorited:hover i{ cursor:default; background-position:0px 0px;}
.workBtn .praise { background:#fff; border:1px solid #ccc; line-height:36px; height:38px; font-size:12px; color:#999; font-family:simsun;}
.workBtn .praise:hover{ background:#009999; color:#FEFEFE; border-color:#009999;}
.workBtn .praise i{ float:left; width:18px; height:18px; margin:9px 10px 0px 0px; overflow:hidden;background:url(../imgs/com/praise_bg.png) 0 0px no-repeat;}
.workBtn .praise:hover i{ cursor:pointer; background-position:0 -18px;}
.workBtn .praise span { color:#ff0000;}
.workBtn .praise:hover span { color:#FEFEFE;}
.workShare {padding:12px 0 24px 0;}
.workIntro .shareWrap{ border:none; float:left; padding-left:65px; margin-top:2px; }
.workDetail .mainLeft{ border:1px solid #eee;}
.dTab{ border:1px solid #eee; width:668px; padding:0px 20px 20px; overflow:hidden;}
.dTab .dTag{ border-bottom:3px solid #cccccc; padding-top:13px;}
.dTab .dTag span{ float:left; padding:0px 20px; border-bottom:3px solid #ccc; margin-bottom:-3px; cursor:pointer ; font:bold 16px/30px 'Microsoft Yahei'; color:#666666 ; padding-bottom:3px;}
.dTab .dTag .curr{ background:url(../imgs/tag.png) 50% 100% no-repeat;border-bottom:3px solid #1abc9c; color:#12836d; _position:relative;}
.dTab h3{ font-size:14px; color:#333333; padding-bottom:4px;}
.workBase{padding-bottom:20px}
.table{ border:1px solid #eee; background:#fafafa; table-layout:fixed; border-collapse:collapse; width:100%;}
.table th,.table td{ border:1px solid #eee;  font-size:12px; padding:10px 0px; line-height:22px; font-family:Arial, SimSun}
.table th{ width:72px; color:#999999; font-weight:bold; padding-right:20px; text-align:right }
.table td{ width:96px; color:#333; padding:10px 10px 10px 20px;}
.table .last{ width:95px}
.table span,.table a{ margin-right:20px;}
.table .cols td{ *width:auto}
.authorInfo{ overflow:hidden;_zoom:1; padding-bottom:30px;}
.authImg{ float:left;width:200px;}
.authImg .imgWrap{width:200px; height:200px; border:none; }
.authImg .imgWrap .imgCell{width:200px; height:200px;line-height:200px; font-size:200px; }
.authImg .imgWrap img{max-width:200px; max-height:200px;}
.authDetail{ float:right; width:448px;}
.authDetail h4{ font-size:16px; padding:5px 0px 7px }
.authDetail table{ line-height:22px; font-size:12px;table-layout:fixed; border-collapse:collapse; border:none;}
.authDetail th{ width:60px;vertical-align:top; padding:3px 0px}
.authDetail td{ width:140px;word-break:break-all; vertical-align:top; padding:3px 10px 3px 0px;font-family:Arial, SimSun}
.subTit{ overflow:hidden;_zoom:1; line-height:32px;  font-size:12px; padding-top:10px;}
.subTit strong{ font-weight:bold; color:#333;}
.subTit .more{ float:right;}
.markTable{ table-layout:fixed;  border-collapse:collapse; border:1px solid #eee; width:100%;}
.markTable th,.markTable td{  line-height:16px; padding:0px 0px 0px 10px; color:#333333; font-size:12px; text-align:left}
.markTable td{padding:10px 0px 10px 10px; border-bottom:1px solid #eee;}
.markTable thead .price{padding-top:3px}
.markTable thead .pSub{padding-bottom:1px; }
.markTable th{ background:#fafafa}
.markTable .name{width:160px;}
.markTable .evaluate{width:168px; font-family:Arial}
.markTable .price{width:220px; text-align:center}
.markTable .date{width:79px; font-family:Arial}
.markTable .pSub{width:76px; padding-left:0px;font-family:Arial}
.workIntro ul{padding-bottom:27px; border-bottom:1px solid #eee; }
.message .thirdTit,.workRec .thirdTit{ border:none; }
.message{padding-bottom:20px;}
.message .areaForm .input{width:612px;}
.message .areaForm .noInfo{ width:628px;}
.message .notLog{ width:628px; }
.curr .authorInfo .thirdTit{ display:none;}
.curr .message .thirdTit,.curr .workRec .thirdTit{ visibility:hidden; height:18px;}
.workRec .titList{ width:688px;}
.workRec .titList li{ width:160px; height:234px;margin-top:0px;}
.workRec .titList .imgWrap{width:160px; height:160px; }
.workRec .titList .imgWrap .imgCell{width:160px; height:160px;line-height:160px; font-size:160px; }
.workRec .titList .imgWrap img{max-width:160px; max-height:160px;}
/* countDown */
.countDown{background:#343434;padding:12px 20px 12px 10px;height:26px;line-height:26px;color:#ffffff;margin-top:-12px; }
.countDown span{padding:0 9px 0 10px;font-family:"Microsoft YaHei"; }
.countDown span,.countDown i{display:block;float:left;}
.countDown i{width:20px;height:26px;background:url(/static/front/imgs/com/num.png) no-repeat;margin-right:1px;}
.countDown h2{font-weight:normal;font-size:20px;padding-left:10px; }
/* popWindow */
.popWin{ display:none; position:absolute; z-index:11; background:#FFFFFF;border:1px solid #cccccc;top:0;left:50%;}
.secPop{width:474px;margin-left:-227px;}
.popWin h2{ height:30px;padding:0 10px 0px 20px; overflow:hidden;zoom:1}
.popWin h2 .close{ float:right; display:inline; width:14px; height:14px; overflow:hidden; margin-top:10px; background:url(/static/front/imgs/com/pop_spr.png) no-repeat center 0;cursor:pointer}
.popWin h2 .close:hover{background-position:center -20px;}
.winBody{padding:0 10px 40px;}
.popTxt{font:normal normal normal 22px/50px "Microsoft YaHei";color:#333333;padding-top:34px;  text-align:center; padding-bottom:26px; }
.popWin .btnArea{ padding-top: 20px; text-align: center;border-top:1px solid #f2f2f2; position:relative; bottom:auto;left:auto;_height:1%;/* 确定按钮ie6躲猫猫BUG修复 */ }
.popWin .btnArea .btn{ width: 90px; height: 40px; line-height: 40px; font-size:14px;float:none; color:#ffffff;background:#0f820c;border:none;text-decoration:none;font-family: "Microsoft YaHei";display:inline-block;vertical-align: middle;text-align:center; padding:0px;}
.popWin .btnArea .btn:hover{background:#329d15; }
/*mask*/
.mask{ display:none; position:absolute; z-index:10; top:0px; left:0px; width:100%; _zoom:1;background:#000;opacity:0.3;filter:alpha(opacity=30);}

/*评价新增样式*/
.worksCredit { padding-bottom:30px; margin-top:20px;}
.worksCreditTab { border-bottom:1px solid #eee; padding:20px 0 10px; display:none;}
.curr .worksCredit { margin-top:0;}
.curr .worksCreditTab { display:block;}
.curr .worksCredit .thirdTit { display:none;}
.worksCreditTab li { padding:0 10px; float:left;}
.worksCreditTab a { display:inline-block; font-family:Microsoft Yahei,hei; padding:0 15px; height:30px; line-height:28px; line-height:30px \9; color:#666666; border-radius:2px;}
.worksCreditTab a:hover,.worksCreditTab .current,.worksCreditTab .curr { background-color:#1abc9c; color:#fff;}
.worksCreList { padding-top:9px;}
.worksCreList dl { padding:0 10px 15px; border-bottom:1px solid #eeeeee;}
.worksCreList dd { line-height:24px; word-break:break-all;}
.worksCreList dt{zoom:1; overflow:hidden; font-size:12px; padding:13px 0 2px;}
.worksCreList span { background:url(../imgs/appraise/icoAppr.gif) no-repeat; padding-left:18px; font-size:12px; font-family:Microsoft Yahei,hei; line-height:normal; margin-right:20px; float:left; margin-top:6px;}
.worksCreList .good { background-position:0 1px; color:#cc0000;}
.worksCreList .general { background-position:-15px -36px; color:#ffcc00;}
.worksCreList .poor { background-position:-29px -73px; color:#000;}
.worksCreList .name { float:left; color:#999999; margin-right:15px;}
.worksCreList .time { float:right; color:#999999;}
.worksCreList .worksCreReply .time { float:left;}
.worksCreReply b{ display:inline-block; width:10px; height:5px; overflow:hidden; margin-left:30px; background:url(../imgs/appraise/replyArrow.gif) no-repeat;}
.worksCreList .worksCreReply dl { padding:2px 20px 16px; background-color:#f3f3f3; border-bottom:0;}
.worksCreReply { padding-bottom:8px;}
#pagese { text-align:center; padding-left:5px; display:none; margin-top:20px;}
.curr #pagese{ display:block;}
#pagese a { display:inline-block; padding:0 5px; font-size:12px; font-family:Verdana; line-height:26px;border:2px solid #fff; height:26px; margin-right:5px; cursor:pointer;}
#pagese a:hover { border-top:2px solid #1abc9c; color:#333;}
#pagese span {display:inline-block; border:2px solid #1abc9c; background-color:#1abc9c; height:26px; margin-right:5px; padding:0 10px; font-family:Verdana; line-height:26px; color:#fff; font-size:12px;}

/*添加多图 2015-08-17*/
.workHead{border:0;margin-bottom: 60px;}
.workShowDiv{width: 460px; float: left; display: inline;}
.workShow{border: 1px solid #eeeeee;width: 460px;}
.workShowLit{padding-top: 470px;}
.workIntro{border-left: 0;width: 480px;}
.workShowLit li{display: inline;float: left;width: 57px;height: 57px;margin-right: 10px;}
.workShowLit .last{margin-right: 0;}
.workShowLit a{display: block; width: 57px;height: 57px;*float:left; position: relative;}
.workShowLit span{display: table-cell; vertical-align: middle;text-align: center;*display: block;font-size: 57px; line-height: 57px; width: 57px;height: 57px;cursor: pointer;}
.workShowLit b{position: absolute;width: 57px;display: block;height: 57px; background-color: #000; opacity:0.2 ;filter:alpha(opacity=20); left: 0; bottom: 0;}
.workShowLit .current b,.workShowLit a:hover b{background: url(../imgs/imgCur.gif) no-repeat;height: 60px;opacity:1 ;filter:alpha(opacity=100); }
.workIntro ul,.workBtn{padding-left:20px;padding-right: 20px;}
.consult{margin-left: 20px;margin-right: 20px;}
.workShare{padding-left:20px;padding-right: 20px;}
/*资讯底层添加兜藏分享 2016.1.15 zjl*/
.shareDou{width: 111px;height: 17px;position: relative;margin:8px 0 0 14px;}
.workShare a.shareDouBtn{margin:0;  font-size: 12px; display: block;width: 89px;height: 17px;background: url(/static/resource/imgs/dou_share.png) no-repeat -169px -200px;overflow: hidden;font-family:"Microsoft Yahei";line-height: 17px;color: #333333;padding-left: 20px;color: #666666;text-decoration: none;}
a.shareDouBtn:hover{color: #666666;text-decoration: none;}
.shareDouCode{width: 150px;height: 150px;padding: 18px 18px 28px; position: absolute;left: -88px;top: -190px;background: url(../imgs/dou_share.png) no-repeat 0 0;}
.shareDouCode img{width: 150px;height: 150px;}
.shareDouCode { visibility: hidden; opacity: 0;
    -webkit-transform: scale(0,0);
       -moz-transform: scale(0,0);
        -ms-transform: scale(0,0);
         -o-transform: scale(0,0);
            transform: scale(0,0);
    -webkit-transform-origin: 50% bottom;
       -moz-transform-origin: 50% bottom;
        -ms-transform-origin: 50% bottom;
         -o-transform-origin: 50% bottom;
            transform-origin: 50% bottom;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
        -ms-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s; }

.shareDou.hover .shareDouCode { visibility: visible; opacity: 1;
    -webkit-transform: scale(1,1);
       -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
         -o-transform: scale(1,1);
            transform: scale(1,1);
    -webkit-transform-origin: 50% bottom;
       -moz-transform-origin: 50% bottom;
        -ms-transform-origin: 50% bottom;
         -o-transform-origin: 50% bottom;
            transform-origin: 50% bottom;}