@charset "utf-8";
/*
 *
 *  CSS File,created by dean, on 07.22 2014
 *
 */
 /* font */
@font-face { font-family: 'FuturaStd-Book'; src: url(../font/futurastd-book.eot); src: local('☺'),  url(../font/futurastd-book.otf);  Futura LT Book
}
/*  xiaoguotu_common */
.xgtb_left dl dt em, .xgtb_intro a.xgt_btn_left b, .xgtb_intro a.xgt_btn_right b, .xgt_content_photos .xgtcp_left ul.xl_ul_one li.xgt_photos_name a b, .xgt_content_photos .xgtcp_right ul li div b, .xgt_content_photos .xgtcp_right ul li div p i, .xgt_layout_content dl dt div.xlc_bg, .xgt_layout_content dl dt b, .xgt_content_photos .xgtcp_left ul li a div.xpn_layer_content p, .xgt_content_photos .xgtcp_left ul li a div.xpn_layer_content b { background: url(../images/xgt.png) no-repeat; _background: url(../images/xgt.gif) no-repeat; overflow: hidden  }



/*  效果图模块主样式 */
.xiaoguotu_banner { height: 356px }
.xgtb_center { margin: 0 auto; width: 1220px; height: 356px; position: relative;z-index: 1\9;}

.xgtb_left { position: absolute; z-index: 20; width: 265px; left: 0; bottom: 0; background: #fff; padding-bottom: 15px;}
.xgtb_left dl {height: 52px; padding: 0 0px 15px 23px; border-bottom: 1px dotted #dbdbdb }
.xgtb_left dl dt { float: left; width: 53px; height: 40px; padding-top: 10px;border-right: 1px solid #eaeaea; font-size: 0 }
.xgtb_left dl dt span { height: 23px; line-height: 23px; font-size: 18px; color: #333; text-align: left }
.xgtb_left dl dt em { margin-top: 3px; display: inline-block; }
.xgtb_left dl.xgtbl_home dt em { width: 33px; margin-left: 2px; height: 9px; }
.xgtb_left dl.xgtbl1 dt em { width: 33px; margin-left: 2px; height: 9px; }
.xgtb_left dl.xgtbl2 dt em { width: 35px; margin-left: 1px; background-position: 0 -10px; height: 8px }
.xgtb_left dl.xgtbls1 dt em { width: 24px; margin-left: 6px; background-position: 0 -19px; height: 10px }
.xgtb_left dl.xgtbls2 dt em { width: 28px; margin-left: 4px; height: 11px; background-position: 0 -30px; }



.xgtb_left dl dd { width: 177px; float: left; font-size: 0; margin-left: 10px;}
.xgtb_left dl dd a { float: left; width:58px; font-size: 12px; color: #333 ; padding:10px 0;height:14px;line-height: 14px; text-decoration: none;  outline: none; text-align: center;}
.xgtb_left dl dd a:hover{color: #f25618;}
.ielt7 .xgtb_left dl dd a { width: 58px; }
.xgtb_intro_layer, .xgtb_intro { position: absolute; z-index: 3; right: 0; bottom: 0; height: 69px; width: 956px; background: #000; opacity: .6; }
.xgtb_intro { z-index: 4; opacity: 1; background: none }
.slider_font li{ position: absolute; top: 10px; left: 29px; z-index: 5;color: #fff ; width:697px}
.slider_font li h2 {   font-size: 24px; height: 28px; line-height: 28px;  width:100%; display:block}
.slider_font li h2 a{color:#fff;text-decoration: none}
.slider_font li span{height:16px; line-height:16px;width:100%; display:block; margin-top:8px; }
.ielt9 .xgtb_intro_layer { filter: alpha(opacity=60) }
.xgtb_intro p { position: absolute; right: 135px; bottom: 12px; z-index: 4; color: #fff }
.xgtb_intro p em { color: #08a848 }
.xgtb_intro a.xgt_btn_left, .xgtb_intro a.xgt_btn_right { position: absolute; width: 60px; height: 69px; border-left: 1px solid #69655a; z-index: 5; ; font-size: 0 ; outline: none}
.xgtb_intro a.xgt_btn_left { right: 63px; top: 0 }
.xgtb_intro a.xgt_btn_left b, .xgtb_intro a.xgt_btn_right b { width: 17px; height: 32px; margin: 18px 0 0 20px; display: inline-block; }
.xgtb_intro a.xgt_btn_left b { background-position: 0 -41px }
.ielt9 .xgtb_intro a.xgt_btn_left b { filter: alpha(opacity=70); background-position: 0 -41px }
.xgtb_intro a.xgt_btn_left:hover b { background-position: -36px -41px }
.xgtb_intro a.xgt_btn_right { right: 0px; top: 0 }
.xgtb_intro a.xgt_btn_right b { background-position: -18px -41px }
.xgtb_intro a.xgt_btn_right:hover b { background-position: -55px -41px }
.ielt9 .xgtb_intro a.xgt_btn_right b { filter: alpha(opacity=70); background-position: -19px -41px }
.ielt9 .xgtb_intro a.xgt_btn_right:hover b { background-position: -55px -41px }


.new_xgt_slider{height: 356px; overflow: hidden; position:absolute;width: 100%; z-index: 1; left: 0}
.new_xgt_slider div.nx_layer{text-align: center; position: absolute; width: 100%; height: 356px; overflow: hidden; ; z-index:1 }
.new_xgt_slider div.nx_layer a img{width:100%; height: 356px}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.xgt-nav{margin: 30px auto;}
.xgt-nav li{float: left; margin-right: 20px; width:393px; height: 150px; position: relative; overflow: hidden}
.xgt-nav li img{ width:100%;}
.xgt-nav .last{margin-right: 0;}
.xgt-nav .msg{position: absolute; top: 0; left: 0; width:100%; text-align: center;}
.xgt-nav .nav-title{font-size: 34px; color: #fff; margin-top: 35px;}
.xgt-nav .nav-subtitle{font-size: 16px; color: #fff;}

.xgt_meitu_pinterest{background-color: #f8f8f8; padding-top: 10px;}

.xgt-footnav .recommend{position: fixed; left: 0; bottom: 0; width: 3000px; height: 40px; background-color: #01af63; z-index: 200;}
.xgt-footnav .link{position: fixed; left: 3000px; bottom: 0; width: 3000px; height: 40px; background-color: #01af63; z-index: 201;}
.xgt-footnav a{float: left; margin: 14px 10px; color: #fff;}


.xgtb_left .more {
    display: none;
    width: 354px;
    height: 68px;
    overflow: hidden;
}
.xgtb_left .more a{
    float: left;
    width: 39px;
    font-size: 12px;
    color: #333;
    background-color: #fff;
    height: 14px;
    line-height: 14px;
    text-decoration: none;
    outline: none;
    padding: 10px;
    padding-bottom: 44px;
    text-align: center;
}
/*为了实现背景色hack*/

.xgtb_left .more a:hover{
    color: #f25618;
}
.xgtb_left dl {
    position: relative;
}
.xgtb_left dl:hover .more {
    display: block;
    position: absolute;
    top: 0;
    left: 264px;
}
.xgt-nav .clearfix{margin: 0 auto;}
.xgt_meitu_pinterest {
	min-height: 300px;
}

.case_aterfall_li{ float:left; margin:0px 7px 15px;  overflow:hidden; width:290px;}
.case_aterfall_li a img{ display:block; width:290px; height:auto;}
.case_aterfall_li p{ height:40px; line-height:40px; border:1px solid #eee; padding:0px 10px; background:#f8f8f8; font-size:14px;}
.case_aterfall_li p a{ width:230px; height:40px; overflow:hidden; display:inline-block;}
.case_aterfall_li p span{ margin-right:10px;}
.person_ico{ width:14px; height:14px; background-position:0px -49px;}
.case_aterfall_li .opacity_img span{ position:absolute; width:200px; height:35px; line-height:35px; text-align:center; right:0px; bottom:42px; display:none;}
.case_aterfall_li .opacity_img span.bg{ background:#e1670f; opacity:0.8;}
.case_aterfall_li .opacity_img span.text{ color:#fff; font-size:14px; cursor:pointer;}

.case_aterfall_li .opacity_img span.lijebg{ background:#000; opacity:0.6; width:66px; left:0;}
.case_aterfall_li .opacity_img span.likes{width:66px; left:0; text-align:center;}
.case_aterfall_li .opacity_img span.likes a{ color:#fff; font-size:12px; z-index:99; }
.case_aterfall_li .tit em{ float:right;}