@charset "utf-8";
/*
 *
 *  CSS File,created by sisi, on 08.13 2014
 *
 */
 /* font */
body, a { font-family: "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;}
a{color: #333;}
a:hover{color: #F25618;}
.col_l{float:left;display:inline;}
.col_r{float:right;display:inline;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0;}
input:focus,select:focus{outline: none;}

.index_ico,.step_ico{background: url(http://img.to8to.com/to8to_img/zxgl/zxgl_index.png) no-repeat;_background: url(http://img.to8to.com/to8to_img/zxgl/zxgl_index.gif) no-repeat;display: inline-block;_overflow: hidden;}
.zxgl_index .ico_li{width: 5px;height: 5px;margin-right: 5px;background-position: -13px 0;vertical-align: 2px;*vertical-align: middle;}
.zxgl_index .ico_bbs{width: 20px;height: 18px;background-position: 0 -9px;margin-right: 10px;vertical-align: middle;cursor: pointer;}
.zxgl_index .ico_play{width: 60px;height: 60px;background-position: 0 -28px;position: absolute;top: 50%;left: 50%;margin-top: -30px;margin-left: -30px;opacity: 0.6;line-height: 99em;overflow: hidden;filter:alpha(opacity=60);
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out; 
}
.zxgl_index a:hover .ico_play{opacity: 1;filter:alpha(opacity=100);}
.zxgl_index .ico_mata,.zxgl_index .ico_matb,.zxgl_index .ico_matc,.zxgl_index .ico_matd{width: 70px;height: 70px;}
.zxgl_index .ico_mata{background-position: 0 -89px;}
.zxgl_index .ico_matb{background-position: 0 -160px;}
.zxgl_index .ico_matc{background-position: 0 -231px;}
.zxgl_index .ico_matd{background-position: 0 -302px;}

.container{padding-top: 20px;}
.main{width: 960px;float: left;} 
.side{width: 240px;float: right;}
.narrow_980 .main{width: 720px;}  

.top{margin-bottom: 45px;overflow: hidden;}
/* banner[[ */
.banner_arrow,.slider_ico{background: url(http://img.to8to.com/decorate_gallery/images/png/banner.png) no-repeat;_background: url(http://img.to8to.com/decorate_gallery/images/gif/banner.gif) no-repeat;display: block;}
.zxgl_banner{margin-bottom: 32px;width: 960px;height: 360px;overflow: hidden;position: relative;}
.zxgl_banner .zxgl_slider li{width: 960px;height: 360px;overflow: hidden;display: none;}
.zxgl_banner .zxgl_slider li.on{/*display: block;*/position: absolute;}
.zxgl_banner .zxgl_slider li a,.zxgl_banner .zxgl_slider li img{display: block;}
.narrow_980 .zxgl_banner .zxgl_slider li img{margin-left: -120px;}
.zxgl_banner .slider_mark{position: absolute;bottom: 10px;left: 50%;height: 10px;}
.zxgl_banner .slider_mark li{width: 10px;height: 10px;float: left;margin: 0 5px;}
.zxgl_banner .slider_mark .mark_dot .slider_ico{width: 10px;height: 10px;background-position: 0 -21px;overflow: hidden;opacity: 0.5;filter:alpha(opacity=50);}
.zxgl_banner .slider_mark .mark_dot_on .slider_ico{opacity: 100;filter:alpha(opacity=100);}
.zxgl_banner .bLeft,.zxgl_banner .bRight{width: 50px;height: 50px;display: block;position: absolute;background-color: #000;opacity: 0.5;filter:alpha(opacity=50);top: 50%;margin-top: -25px;z-index: 2;}
.zxgl_banner .bLeft:hover,.zxgl_banner .bRight:hover{opacity: 0.75;filter:alpha(opacity=75);}
.zxgl_banner .bLeft{left: 0;}
.zxgl_banner .bRight{right: 0;}
.zxgl_banner .bLeft span,.zxgl_banner .bRight span{width: 11px;height: 20px;margin: 15px auto;overflow: hidden;}
.zxgl_banner .bLeft span{background-position: 0 0;}
.zxgl_banner .bRight span{background-position: -12px 0;}
.narrow_980 .zxgl_banner,.narrow_980 .zxgl_banner .zxgl_slider li{width:720px;}
/* banner]] */

/* 装修日记[[ */
.ico_eye,.ico_star,.ico_comment{background:url(http://img.to8to.com/to8to_img/zxgl/zxgl_global.png?201409200312) no-repeat;overflow:hidden;width: 12px; height: 12px;vertical-align: middle;margin-right: 5px;}
.ico_eye{background-position: -104px -1px;width: 13px;}
.ico_star{background-position: -118px -1px;}
.ico_comment{background-position: -131px -1px;}
/* .tag_list{height: 18px;border-left: 1px solid #EFEFEF;display: inline-block;*display: inline;zoom:1;}
.tag_list li{float: left;display: inline;margin-left: 20px;color: #999;}
.tag_list li em{float: left;margin: 3px 5px 0 0;}
.narrow_980 .tag_list li{margin-right: 0;}
.narrow_980 .tag_list .tag_980{display: none;} */
.zx_diary .diary_hd{border-bottom: 2px solid #E8E8E8;position: relative;}
.zx_diary .diary_hd h2{font-size: 24px;font-weight: normal;padding-bottom: 4px;float: left;}
.zx_diary .diary_nav{position: absolute;bottom: -2px;right: 175px;}
.zx_diary .diary_nav li{float: left;width: 240px;text-align: center;}
.zx_diary .diary_nav li a{display: block;font-size: 18px;border-bottom: 2px solid #E8E8E8;padding-bottom: 4px;}
.zx_diary .diary_nav li a:hover{color: #01AF63;}
.zx_diary .diary_nav li.on a{color: #01AF63;border-bottom-color: #01AF63;}
.zx_diary .diary_bd .diary_tab{display: none;}
.zx_diary .diary_bd .on{display: block;}
.zx_diary .diary_list{margin: 0;}
/* .zx_diary .diary_item{border-bottom: 1px dotted #E8E8E8;padding: 30px 20px 30px 160px;position: relative;}
.ielt8 .zx_diary .diary_item{padding: 31px 20px 32px 160px;}
.zx_diary .diary_item_hover{background-color: #FCFCFC;}
.zx_diary .diary_item{zoom:1;}
.zx_diary .diary_item:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0;}
.zx_diary .diary_item .item_bd{position: relative;}
.zx_diary .diary_item .item_author{margin-left: -120px;width: 60px;display: block;position: absolute;}
.zx_diary .diary_item .item_author img{display:block;border-radius: 30px;margin-bottom: 10px;}
.zx_diary .diary_item .item_author span{display: block;text-align: center;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;color: #999999;}
.zx_diary .diary_item .item_title{font-size: 20px;display: block;}
.zx_diary .diary_item .item_title em{font-size: 12px;color: #999;margin-left: 10px;}
.zx_diary .diary_item .item_detail{display:block;margin:10px 0 16px;font-size: 12px;color: #666;line-height: 20px;height: 40px;overflow: hidden;}
.zx_diary .diary_item .item_detail:hover em{color: #F25618;}
.zx_diary .diary_item .item_img{*zoom:1;height: 80px;}
.zx_diary .diary_item .item_img:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0;}
.zx_diary .diary_item .item_img a{float: left;margin-right: 10px;height: 80px;}
.zx_diary .diary_item .item_tag{color: 999;position: absolute;bottom: -5px;right: 0;}
.ielt7 .zx_diary .diary_item .item_tag{bottom: 60px;right: 20px;}
.zx_diary .diary_item .item_tag .item_tag_word{float: left;}
.zx_diary .diary_item .item_tag .fc{color: #BE895F;}
.zx_diary .diary_item .item_tag .tag_word{margin-right: 20px;}
.zx_diary .diary_item .item_tag .tag_view{display: inline-block;border-left: 1px solid #EFEFEF;padding-left: 20px;} */
.zx_diary .diary_lnk{color: #999;border-width: 1px 0;border-style: solid;border-color: #EEE;padding: 14px 20px;margin-top: -1px;padding: 15px 20px\9;}
.zx_diary .diary_lnk a{color: #999;margin: 0 10px;}
.zx_diary .diary_lnk a:hover{color: #F25618;}
/* 装修日记]] */

/* 右侧[[ */
.side_da{margin-bottom: 20px;height: 100px; margin-top: 20px;}
.side_sec{border: 1px solid #E8E8E8;padding: 0 20px;margin-bottom: 20px;}
.side_sec .sec_hd{padding: 14px 0;}
.side_sec .sec_hd h2{font-size: 24px;font-weight: normal;color: #333;}
.side_sec .sec_hd .hd_side{float: right;color: #999;margin-top: 15px;}
.side_sec .sec_hd .hd_side em{font-family: "simsun",宋体;}
.side_sec .sec_hd a:hover{color: #F25618;}
.side_list li{border-top: 1px dotted #E8E8E8;}
.side_list li a{display: block;width: 198px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/* 装修那些事[[ */
.side_lista{padding-bottom: 5px;}
.side_lista li{padding: 12px 0;}
.side_lista li a{color: #666;}
.side_lista li a:hover{color: #F25618;}
/* 装修那些事]] */

/* 懒人装修捷径[[ */
.side_sec_apply .sec_bd{position: relative;height: 208px;}
.side_sec_apply .sec_tip{color: #999999;margin-top: 2px;margin-bottom: 5px;}
.side_sec_apply .apply_line{margin-bottom: 10px;position: relative;}
.side_sec_apply label{position: absolute;color: #999;left: 11px;top: 8px;cursor: text;}
.side_sec_apply .text{border:1px solid #D8D8D8;padding: 7px 10px;width: 176px;font-family: "Microsoft YaHei",微软雅黑;}
.side_sec_apply select{border:1px solid #D8D8D8;padding: 8px 0 8px 10px;width: 89px;font-family: "Microsoft YaHei",微软雅黑;}
.side_sec_apply .apply_btn{display: block;color: #FFF;background-color: #F25717;text-align: center;width:100%;font-size: 14px;border: none;cursor: pointer;height: 40px;font-family: "Microsoft YaHei",微软雅黑;position: absolute;bottom: 20px;}
.side_sec_apply .apply_btn:hover{background-color: #E7691E;}
.side_sec_apply .tip{display:none;color: #ff6767;line-height: 13px;margin-top: 3px;}
.side_sec_apply .tip em{width: 13px;height: 13px;background: url(/img/decorate_gallery/images/png/zxgl_global.png?201409200312);display: inline-block;_overflow:hidden;margin-right: 5px;vertical-align: middle;background-position: -35px 0;}
.side_sec_apply .redborder{border-color: #ff6767}
.side_sec_apply .focus_input{border-color: #96d5b9;}
.side_sec_apply .error_input{border-color: #FF6767;}
/* 懒人装修捷径]] */

/* 大家都在问[[ */
.side_listb li{padding: 16px 0;}
.side_listb .list_ans{width: 198px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;color: #999999;margin-top: 3px;}
/* 大家都在问]] */

/* 旧版论坛[[ */
.side_sec_bbs{background-color: #F8F8F8;margin-bottom: 0;}
.side_sec_bbs a{display: block;font-size: 16px;text-align: center;padding: 10px 0;*padding: 15px 0;_padding: 11px 0;}
/* 旧版论坛]] */
/* 右侧]] */

.bottom{width: 1220px;overflow: hidden;}
.narrow_980 .bottom{width: 980px;}
/* 流程图[[ */
/*.ielt9 .step_ico{background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.to8to.com/to8to_img/zxgl/zxgl_index.png');}*/
.ielt9 .step_ico{background: url(http://img.to8to.com/to8to_img/zxgl/zxgl_index.gif) no-repeat;}
.bt_step{background: url(http://img.to8to.com/to8to_img/zxgl/zxgl_step.png) no-repeat;height: 320px;margin-bottom: 40px;position: relative;}
.bt_step_bd{position: absolute;bottom: 15px;width: 100%;left: 0;}
.bt_step .step_item{width: 33.33%;*width:33%;float: left;}
.bt_step .step_item li{float: left;border-width: 0 1px 1px 0;border-style: dotted;border-color: #5FC089;width: 74px;}
.bt_step .step_item li a{display: block;text-align: center;padding: 10px 0 6px;color: #FFF;}
.bt_step .step_item .step_ico{width: 16px;height: 16px;display: block;margin: 0 auto 7px;cursor: pointer;}
.bt_step .step_item a:hover{opacity: 0.75;filter:alpha(opacity=75);}
.bt_step .step_item .step_icoa{background-position: 0 -373px;}
.bt_step .step_item .step_icob{background-position: -17px -373px;}
.bt_step .step_item .step_icoc{background-position: -34px -373px;}
.bt_step .step_item .step_icod{background-position: -51px -373px;}
.bt_step .step_item .step_icoe{background-position: 0 -390px;width: 17px;}
.bt_step .step_item .step_icof{background-position: -18px -390px;}
.bt_step .step_item .step_icog{background-position: -35px -390px;width: 18px;}
.bt_step .step_item .step_icoh{background-position: -54px -390px;width: 14px;}
.bt_step .step_item .step_icoi{background-position: 0 -407px;width: 19px;}
.bt_step .step_item .step_icoj{background-position: -20px -407px;}
.bt_step .step_item .step_icok{background-position: -37px -407px;width: 19px;}
.bt_step .step_item .step_icol{background-position: -57px -407px;width: 22px;}
.bt_step .step_item .step_icom{background-position: 0 -424px;width: 19px;}
.bt_step .step_item .step_icon{background-position: -20px -424px;width: 17px;}
.bt_step .step_itema,.bt_step .step_itemb,.bt_step .step_itemc{margin: 0 auto;}
.bt_step .step_itema,.bt_step .step_itemb{width: 299px;overflow: hidden;}
.bt_step .step_itema,.bt_step .step_itemc{height:57px;padding-top: 30px;}
.bt_step .step_itemb{height: 115px;}
.bt_step .step_itema ul,.bt_step .step_itemb ul{width: 300px;}
.bt_step .step_itemc{width: 249px;overflow: hidden;}
.bt_step .step_itemc ul{width: 250px;}
.bt_step .step_itemc li{width: 124px;}
.narrow_980 .bt_step{background: url(http://img.to8to.com/to8to_img/zxgl/zxgl_step980.png) no-repeat;}
.narrow_980 .bt_step .step_item li{width: 64px;}
.narrow_980 .bt_step .step_itema ul,.narrow_980 .bt_step .step_itemb ul{width: 260px;}
.narrow_980 .bt_step .step_itema,.narrow_980 .bt_step .step_itemb{width: 259px;}
.narrow_980 .bt_step .step_itemc{width: 209px;}
.narrow_980 .bt_step .step_itemc ul{width: 210px;}
.narrow_980 .bt_step .step_itemc li{width: 104px;}
/* 流程图]] */

/* 广告位[[ */
.bt_da{height: 50px;margin-bottom: 20px;}
.narrow_980 .bt_da{width: 980px;overflow: hidden;}
/* 广告位]] */

/* 广告位下方模块[[ */
.bt_sec{margin-bottom: 25px;}
.bt_sec .sec_hd{border-bottom: 1px solid #EEEEEE;padding: 10px 0;margin-bottom: 20px;}
.bt_sec .sec_hd h2{font-size: 24px;font-weight: normal;}
.bt_sec .sec_hd .hd_side{float: right;margin-top: 15px;color: #999;}
.bt_sec .sec_hd .hd_side em{font-family: "simsun",宋体;}
.bt_sec .sec_hd a:hover{color: #F25618;}
.bt_sec ul{/*margin-right: -20px;*/width:1240px;}
.narrow_980 .bt_sec ul{width:1000px;}
.bt_sec li{float: left;margin-right:20px; width: 290px;}
.ielt7 .bt_sec ul{float: left;}

/* 优秀小区案例[[ */
.bt_sec_case li{height: 203px;}
.bt_sec_case .case_item{width: 100%;height: 100%;overflow: hidden;cursor: pointer;position: relative;}
.bt_sec_case .case_cover{width: 100%;height: 100%;position: absolute;top: 163px;left: 0;background-color: rgba(0,0,0,0.8);color: #999;
	transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out; 
}
.bt_sec_case .case_hover .case_cover{top: 0;}
.bt_sec_case .case_cover .case_cover_main{position: relative;z-index: 2;width: 100%;height: 100%;}
.bt_sec_case .case_cover .case_cover_iebg{position: absolute;width: 100%;height: 100%;background-color: #000;filter:alpha(opacity=80);display:none;display: block\9;z-index:1;top: 0;left: 0;}
.bt_sec_case .case_cover .case_cover_iebg:not(sisi){display: none;}
.bt_sec_case .case_name{font-size: 14px;color: #FFF;padding: 11px 15px 0;}
.bt_sec_case .case_addr{padding: 5px 15px 0;}
.bt_sec_case .case_num{font-size: 12px;color: #999;float: right;margin-top: 2px;}
.bt_sec_case .case_btn{position: absolute;bottom: 15px;left: 0;padding-left:15px;}
.bt_sec_case .case_btn .btn_see{display: inline-block;width: 86px;height: 28px;line-height: 28px;border: 1px solid #FFF;text-align: center;color: #FFF;margin-right: 20px;}
.bt_sec_case .case_btn .btn_see:hover{border-color:#F25618;color: #F25618;}
.bt_sec_case .case_btn .btn_3d{color: #FFF;}
.bt_sec_case .case_btn .btn_3d:hover{color: #F25618;}
/* 优秀小区案例]] */

/* 视频学装修[[ */
.bt_sec_video .video_item{display: block;height: 160px;overflow: hidden;position: relative;}
.bt_sec_video .video_title{display: block;height: 54px;line-height: 54px;font-size: 14px;p;padding: 0 15px;background-color: #F8F8F8;width: 260px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.narrow_980 .bt_sec_video .video_title{width: 200px;}
/* 视频学装修]] */

/* 教你精打细算选材料[[ */
.bt_sec_mat .mat_item{width: 25%;float: left;}
.bt_sec_mat .mat_item_bd{padding: 20px 70px 20px 90px;min-height: 70px;_height:70px;position: relative;}
.bt_sec_mat .mat_item .index_ico{position: absolute;margin-left: -90px;}
.bt_sec_mat .mat_item .item_hd{font-weight: bold;margin-bottom: 8px;font-size: 14px;}
.bt_sec_mat .mat_item .item_bd{zoom:1;}
.bt_sec_mat .mat_item .item_bd:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0;}
.bt_sec_mat .mat_item .item_bd a{color: #999;margin-right: 16px;line-height: 20px;float: left;white-space: nowrap;}
.bt_sec_mat .mat_item .item_bd a:hover{color: #F25618;}
/* 教你精打细算选材料]] */
/* 广告位下方模块]] */

/* 窄版设置[[ */
.narrow_980 .zx_diary .diary_nav li{width: 180px;}
.narrow_980 .zx_diary .diary_item{padding-left: 120px;}
.narrow_980 .bt_sec li{width: 230px;}
.narrow_980 .bt_sec li img{width: 230px;height: 157px;}
.narrow_980 .bt_sec_case .case_cover{top: 117px;}
.narrow_980 .case_hover .case_cover{top: 0;}
.narrow_980 .bt_sec_case li{height: 157px;}
.narrow_980 .bt_sec_video li img{width: 230px;height: 124px;}
.narrow_980 .bt_sec_video .video_item{height: 124px;}
/* 窄版设置]] */

/* 申请结果提示[[ */
.zxgl_box_tip{float:left; width: 380px; height: 60px; margin:40px 0 40px 60px; display: inline; position: relative;}
.zxgl_box_tip .as_true_suc,.zxgl_box_tip .as_true_fail{background:url(http://img.to8to.com/decorate_gallery/images/png/xgt_meitu.png) no-repeat; _background:url(http://img.to8to.com/decorate_gallery/images/gif/xgt_meitu.gif) no-repeat;  overflow:hidden;width: 60px; height: 60px; float:left;}
.zxgl_box_tip .as_true_suc{background-position: -60px -92px;}
.zxgl_box_tip .as_true_fail{background-position:-120px -92px;}
.zxgl_box_tip strong{position: absolute; font-size:24px; color: #333;font-family:"Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu; top:16px; left:81px; width: 300px; height: 26px; line-height: 26px; font-weight: 500}
.zxgl_box_tip2 strong{top: 6px}
.zxgl_box_tip2 em{position: absolute;position: absolute; color: #999; top:38px; left:81px; width: 300px; height: 14px; line-height: 14px;}
/* 申请结果提示]] */

/* 发标失败样式[[ */
.window_box_container .apply_fail{float:left; width: 380px; height: 60px; margin:40px 0 0 60px; display: inline; position: relative;}
.apply_fail span.as_fail{background:url(http://img.to8to.com/decorate_gallery/images/png/xgt_meitu.png?20140920) no-repeat; _background:url(http://img.to8to.com/decorate_gallery/images/gif/xgt_meitu.gif) no-repeat;_overflow:hidden}
.apply_fail span.as_fail{background-position:-120px -92px;width: 60px; height: 60px; float:left;}
.window_box_container .apply_fail strong{position: absolute; font-size: 18px; height: 40px; line-height: 20px; color: #333; font-weight: 400; top:8px; left: 81px}
.window_box_container .apply_fail em{position: absolute; color: #999; top:59px; left:81px; width: 300px; height: 14px; line-height: 14px}
/* 发标失败样式]] */