@font-face{font-family:jianyouxian;src:url(http://product.tphoto.cn/public/theme/1701/font//jianyouxian.eot);src:url(http://product.tphoto.cn/public/theme/1701/font//jianyouxian.eot?#font-spider) format('embedded-opentype'),url(http://product.tphoto.cn/public/theme/1701/font//jianyouxian.woff) format('woff'),url(http://product.tphoto.cn/public/theme/1701/font//jianyouxian.ttf) format('truetype'),url(http://product.tphoto.cn/public/theme/1701/font//jianyouxian.svg) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:yalan;src:url(http://product.tphoto.cn/public/theme/1701/font//hshinyalanregularregular.eot);src:url(http://product.tphoto.cn/public/theme/1701/font//hshinyalanregularregular.eot?#font-spider) format('embedded-opentype'),url(http://product.tphoto.cn/public/theme/1701/font//hshinyalanregularregular.woff) format('woff'),url(http://product.tphoto.cn/public/theme/1701/font//hshinyalanregularregular.ttf) format('truetype'),url(http://product.tphoto.cn/public/theme/1701/font//hshinyalanregularregular.svg) format('svg');font-weight:400;font-style:normal}

@font-face {
  font-family: 'futural';
  src: url('./font/FUTURAL.TTF');
  font-weight: normal;
  font-style: normal;
}
a{text-decoration: none;}
a:hover,a:focus{color:#000; text-decoration: none;}
.content a:hover,.content a:hover{color:#fff; text-decoration: none;}
.content a:hover span,.content a:focus span{color:#fff; text-decoration: none;}
.top a:hover,.top a:focus{color:#fff; text-decoration: none;}
.which-comment a:hover,.which-comment a:focus{color:#000;text-decoration: none;}
.newmore a:hover,.newmore a:focus{color:#000;text-decoration: none;}


html{-webkit-text-size-adjust:none;}
.bg-img{
	background: url(images/bg.png) no-repeat;
	background-size:11.8rem 5.42rem;
}
.comment-t{width: 9rem;height: 1.63rem;display:block;
	background-position:0 -3.84rem;margin:0 auto;
}
.show-t{
	width: 9.48rem;
    height: 2.3rem;display:block;
	background-position:0 0;margin:0 auto;
}
.show-watch{
	width: 2.1rem;
    height: 0.3rem;display:block;
	background-position:-7.40rem -3.28rem;margin:0 auto;
}
.showbg-name{
	width: 4.04rem;
    height: 0.8rem;display:block;
	background-position:-7.28rem -2.36rem;margin:0 auto;
}

.all-case-bg{
	background-position:-9.12rem -3.8rem;
}

.photos-t{
	width: 7.06rem;
	height: 1.5rem;display:block;
	background-position:0 -2.34rem ;margin:0 auto;
}
.bg-gt-sm{
	width: 0.28rem;
	height: 0.28rem;
	display:inline-block;
	background-position:-9.96rem -1.56rem;
}

.newtbanar{width:15rem;text-align:center;margin-top:1rem;
	/*height:3.58rem;*/
}
.firsel{width:13.8rem;}
.newtbanar .firsel{width: 100%;height:1.2rem;line-height:1.3rem;text-align:center;margin:0 auto;font-weight:700;font-size:1.3rem;color:#c9161c;font-family:future;letter-spacing: -0.06rem;}
.newtbanar .secsel{width:4.64rem;height:0.48rem;margin:0.14rem auto 0.08rem;}
.newtbanar .secsel img{width: 100%;height: 100%;display:block;}
.newtbanar div{width:0;height:0.22rem;border-left:1px solid #575757;margin:0.08rem auto 0;}
.newtbanar hr{border-color:#eee;margin:0.32rem auto 0;}

.content nav li{
	text-align:center;float:left;position:relative;
}


.ncomment .newtbanar .firsel{font-size:0rem;background: url("images/bg-title.png") center 0 no-repeat;background-size: 12.98rem 2.34rem;}
.ncomment .newtbanar hr{width: 14rem;}

.newtbanar .firsel{font-size:0rem;letter-spacing: -0.06rem;background: url("images/bg-title.png") no-repeat center -1.26rem;background-size: 12.98rem 2.34rem;}
.nshowcase .newtbanar hr{width: 13.9rem;}

.ncomment .contentfir{width: 14.4rem;margin:0 auto;}
.ncomment .content nav{height: 2.88rem;padding:0.8rem 0rem 0.88rem;}
.ncomment .content nav li{width: 4.18rem;height: 1.5rem;border-radius:0.75rem;border:1px solid #999;
	margin:0 0.29rem;}
.ncomment .content nav li span{display:block;color:#333;}
.ncomment .content nav li .fir{height: 0.5rem;font-size:0.5rem;line-height:0.46rem;margin-top:0.3rem;font-family:futural;}
.ncomment .content nav li .sec{height: 0.3rem;font-size:0.3rem;}
.ncomment .content nav li.active{background:#c9161c;;border:1px solid transparent;}
.ncomment .content nav li.active span{color:#fff;}
.ncomment .content nav li.active i{width: 0;height: 0;border-left:0.28rem solid transparent;border-right:0.28rem solid transparent;
	border-top:0.3rem solid #c9161c;position:absolute;left:1.81rem;bottom:-0.3rem;}
.ncomment .content nav p{width: 0;height: 0.8rem;border-left:1px solid #eee;margin-top:0.2rem;float:left;}

.nshowcase .content{width: 14.4rem;margin:0 auto;}
.nshowcase .content nav{width: 100%;height: 3.5rem;padding:0.48rem 0;}
.nshowcase .content nav li{width: 3.4rem;height: 2.34rem;border-radius:0.16rem;
	margin:0 0.1rem;float:left;position:relative;padding:0.1rem;}
.nshowcase .content nav li span{text-shadow: 0px 0px 4px #999;display:block;}
.nshowcase .content nav li:first-child{background:#c9161c;}
.nshowcase .content nav li:first-child span{display:block;width: 1.44rem;height: 1.64rem;
	margin:0 auto;}
.nshowcase .content nav li img{width: 100%;height: 100%;position:absolute;left:0;top: 0;}
.nshowcase .content nav li div{width: 100%;height: 100%;border-radius:0.12rem;color:#fff;
	padding-top:0.26rem;position:relative;}
.nshowcase .content nav li .fir{height: 0.42rem;font-size:0.42rem;line-height:0.48rem;margin-top:0.3rem;font-family:futural;}
.nshowcase .content nav li .sec{height: 0.56rem;font-size:0.56rem;line-height:0.56rem;font-family:yalan;}
.nshowcase .content nav li.active div{border:1px solid #ccc;}

.nshowcase .conlist{width: 14.24rem;margin:0 auto;}
.nshowcase .conlist li{width: 6.68rem;height: 11.8rem;margin:0 0.22rem 0.7rem;text-align:center;
	float: left;position:relative;}
.nshowcase .conlist li img{width: 100%;height:auto;}
.nshowcase  #comment-list li .fir{font-size:0.4rem;line-height:0.4rem;margin:0.34rem auto 0;color:#444;}
.nshowcase  #comment-list li .sec{font-size:0.2rem;line-height:0.2rem;margin:0.4rem auto 0;text-transform: uppercase;}
.nshowcase .conlist li i{width: 100%;height: 0;border-top:1px solid #c9cbc0;position:absolute;left:0;bottom:0;}

.nphotos .conlist{width: 14.32rem;margin:0.4rem auto 1.6rem;}
.nphotos .conlist li{width: 6.74rem;margin:0 0.21rem 0.4rem;text-align:center;
	float: left;}
.nphotos .conlist li img{width: 100%;height:auto;}
.nphotos .conlist li .fir{font-size:0.34rem;line-height:0.54rem;margin:0.28rem auto 0;color:#000;}
.nphotos .conlist li .fir em{position:relative;}
.nphotos .conlist li .fir em span{width: 0.31rem;height: 0.31rem;background:url("images/bg-gt.png") no-repeat;background-size:100% 100%;
		position:absolute;right:-0.5rem;top:0;display:block;
	}
.nphotos .conlist li .sec{font-size:0.26rem;line-height:0.52rem;margin:0 auto;text-transform: uppercase;color:#c9cbbe;}
.nphotos .conlist li i{width: 100%;height: 0;border-top:1px solid #c9cbc0;display:block;margin-top:0.24rem;}


/*.nshowcase .content nav li div{border:1px solid transparent;}*/
.indoorlist {width: 14.12rem;margin:0 auto;}
.indoorlist li{display:flex;margin-bottom:0.72rem;position:relative;color:#000;}
.indoorlist li>img{float:left;width: 10.24rem;height: 4.84rem;}
.indoorlist li .conleft{float:left;height:4.84rem;text-align:center;border:1px solid #e1e1e1;flex:1;
	position:relative;background:#fff;}
.indoorlist li .conleft .fir{margin:0.8rem auto 0;font-size:0.6rem;line-height: 0.6rem;font-style:italic;font-family:jianyouxian;}
.indoorlist li .conleft .sec{width: 130%;margin:0rem -15% 0;font-size:0.5rem;line-height: 0.48rem;transform:scale(0.75);font-family:jianyouxian;}
.indoorlist li .conleft hr{width: 2.6rem;height: 0;margin: 0.8rem auto 0;border:none;border-bottom:1px solid #dcdcdc;}
.indoorlist li .conleft .thi{margin:0.28rem auto 0;width: 3.32rem;height: 0.88rem;font-size:0.32rem;line-height:0.88rem;
		border:1px solid #bec0b5;background-color:#c9cbc0;color:#fff;}
.indoorlist li .conleft .fou{margin:0.12rem auto 0;line-height:0.12rem;}
.indoorlist li .conleft .fou img{width: 2rem;height: auto;}
.indoorlist li .borleft{width: 2.1rem;height: 2.1rem;position:absolute;right:-0.2rem;top:-0.2rem;
	z-index:-1;
	border-width:1px;border-style:solid;
 border-image:-webkit-linear-gradient( #cccdc8, #fff) 30 30;border-left:1px solid #cccdc8;border-bottom:none;}

.indoorlist li.case66 .thi{background-color:#c9cbbe;border:1px solid #bebfb9}

.indoorlist li.case86 .thi{background-color:#e9b176;border:1px solid #c7a075}

.indoorlist li.case68 .thi{background-color:#8baa81;border:1px solid #809874}

.indoorlist li.case65 .thi{background-color:#e1b6b0;border:1px solid #d4aba5}

.indoorlist li.case97 .thi{background-color:#c9161c;border:1px solid #b91219}

.indoorlist li.case116 .thi{background-color:#8bcdff;border:1px solid #80bae8}

.indoorlist li.case112 .thi{background-color:#b2cb8a;border:1px solid #a9ba8d}

.indoorlist li.case113 .thi{background-color:#a5dac8;border:1px solid #9cccbc}

.indoorlist li.case114 .thi{background-color:#0081dc;border:1px solid #1666a1}

.indoorlist li.case115 .thi{background-color:#e5cce1;border:1px solid #cdb6c6}

.indoorlist li.case80 .thi{background-color:#c1775a;border:1px solid #996454}

.indoorlist li.case84 .thi{background-color:#61ace3;border:1px solid #4e91c5}

.indoorlist li.case125 .thi{background-color:#899021;border:1px solid #899021}

.nshowcase .conlist li.incase66 .sec{color:#c9cbbe;}
.nshowcase .conlist li.incase66 i{border-color:#c9cbbe;}

.nshowcase .conlist li.incase86 .sec{color:#e9b176;}
.nshowcase .conlist li.incase86 i{border-color:#e9b176;}

.nshowcase .conlist li.incase68 .sec{color:#8baa81;}
.nshowcase .conlist li.incase68 i{border-color:#8baa81;}

.nshowcase .conlist li.incase65 .sec{color:#e1b6b0;}
.nshowcase .conlist li.incase65 i{border-color:#e1b6b0;}

.nshowcase .conlist li.incase97 .sec{color:#c9161c;}
.nshowcase .conlist li.incase97 i{border-color:#c9161c;}

.nshowcase .conlist li.incase116 .sec{color:#8bcdff;}
.nshowcase .conlist li.incase116 i{border-color:#8bcdff;}

.nshowcase .conlist li.incase112 .sec{color:#b2cb8a;}
.nshowcase .conlist li.incase112 i{border-color:#b2cb8a;}

.nshowcase .conlist li.incase113 .sec{color:#a5dac8;}
.nshowcase .conlist li.incase113 i{border-color:#a5dac8;}

.nshowcase .conlist li.incase114 .sec{color:#0081dc;}
.nshowcase .conlist li.incase114 i{border-color:#0081dc;}

.nshowcase .conlist li.incase115 .sec{color:#e5cce1;}
.nshowcase .conlist li.incase115 i{border-color:#e5cce1;}

.nshowcase .conlist li.incase80 .sec{color:#c1775a;}
.nshowcase .conlist li.incase80 i{border-color:#c1775a;}

.nshowcase .conlist li.incase84 .sec{color:#61ace3;}
.nshowcase .conlist li.incase84 i{border-color:#61ace3;}

.nshowcase .conlist li.incase125 .sec{color:#ef8d4e;}
.nshowcase .conlist li.incase125 i{border-color:#ef8d4e;}
.case-in-cont .case-in-t{margin:28px auto 0;}
.case-in-cont .case-name{width: 100%;text-align:center;margin-bottom:0.28rem;}
.case-in-cont .case-name p{display: inline-block;font-size:0.64rem;line-height: 0.84rem;font-family:yalan;}
.case-in-cont .case-name p span{color:#c9161c;}
.case-pic p{
	margin-bottom: 0.1rem;
	width: 100%;
	height: auto;
	text-align:center;
	min-height: 100px;
	float:left;
}
.case-pic a{display:block;}
.case-pic p img{
	display:block;
	margin:0 auto;
	max-width: 14.8rem;
}
.case-pic p.pic-across{
	width: 100%;
}
.case-pic p.pic-across img{
	max-width: 14.8rem;
	height: auto;
}
.case-pic p.pic-portait{
	width: 50%;
}
.case-pic p.pic-portait img{
	max-width: 7.35rem;
	margin:0 0.05rem 0 0.1rem;
	height:auto;
}


.conlist li.sanya .sec{color:#61ace3;}
.conlist li.sanya i{border-color:#61ace3;}

.nphotos .newtbanar hr{width: 13.88rem;}
.nphotos .newbanar {}

.pagetop{width:100%;height: 0.8rem;margin:0.72rem auto 0.88rem;text-align:center;}
.pagetop div{display:inline-block;}
.pagetop span{display:block;float:left;}
.pagetop .fir{width: 0;height: 0;padding:0.4rem 0.12rem;background:#c9cbbe;}
.pagetop .sec{height: 0.8rem;line-height:0.8rem;margin-left:0.24rem;font-size:0.54rem;text-transform:uppercase;}
.pagetop.pagetop66 .fir{background:#c9cbbe;}
.pagetop.pagetop86 .fir{background:#e9b176;}
.pagetop.pagetop68 .fir{background:#8baa81;}
.pagetop.pagetop65 .fir{background:#e1b6b0;}
.pagetop.pagetop97 .fir{background:#c9161c;}
.pagetop.pagetop116 .fir{background:#8bcdff;}
.pagetop.pagetop112 .fir{background:#b2cb8a;}
.pagetop.pagetop113 .fir{background:#a5dac8;}
.pagetop.pagetop114 .fir{background:#0081dc;}
.pagetop.pagetop115 .fir{background:#e5cce1;}
.pagetop.pagetop80 .fir{background:#c1775a;}
.pagetop.pagetop84 .fir{background:#61ace3;}

.pagebanar{width: 100%;height: 7.72rem;position:relative;margin-bottom:0.92rem;}
.pagebanar .banarcon{width: 13.84rem;margin:0 auto;text-align:center;position:relative;z-index: 1;}
.pagebanar .banarcon img{display:block;margin:0 auto;}
.pagebanar .banarcon .fir{width: 100%; height:6.2rem;}
.pagebanar .banarcon span{width: 0;height: 0;padding:0.04rem 0.3rem;margin:0.28rem auto 0.12rem;
	display:block;background:#fff;}
.pagebanar .banarcon .sec{width: 6.94rem;}
.pagebanar .banarbg{width: 100%;height: 5.32rem;position:absolute;left:0;bottom:0;background: #e26c6c;}




.newpage{width: 13.8rem;margin:0 auto;text-align:center;}
.newpage li{display:inline-block;font-size: 1rem;padding: 0 0.3rem;height:1rem;line-height: 1.5rem;}
.newpage li a{color:#000;}
.newpage li.active a{color:#bd0000;}
.newpage li.pre,.newpage li.next{
	display:block;
	width: 1.5rem;
	height: 1.5rem;
	border:1px solid #6e6e6e;
}
.newpage li.pre{float:left;
	background: url(http://m.52099.cn/theme/images/arrow2.png) no-repeat -30% 50% scroll #7d7d7d;
    background-size: 150%;}
.newpage li.next{float:right;
	background: url(http://m.52099.cn/theme/images/arrow2.png) no-repeat 140% 50% scroll #7d7d7d;
    background-size: 150%;}
.nshowcase .newpage,.ncomment .newpage{
	margin:1rem auto 0;
}

.newmore{width: 13.8rem;height:2rem;margin:1.2rem auto 1.76rem;font-size:0.66rem;line-height:2rem;
	text-align:center;background:#EEE;border:1px solid #e5e5e5;}
.newmore p{margin:0;}
.newmore a{color:#333;font-family:"Microsoft Yahei";}
.newmore a i{color:#f60800;}

footer hr{
	margin:0 0 0.2rem;
	border-color:#a8a8a8;
}
/*body{position:relative;}*/
.gmenu{width: auto;position:fixed;right:0rem;;bottom:90px;display:none;}
/*.gmenu div{width: 1.36rem;height: 1.5rem;}*/
.gmenu div{width: 2rem;height: 2.2rem;}
.gmenu div.getmenu{background:url("images/posfir.png") center center no-repeat #dc504f;background-size:51.4% 17.3%;}
.gmenu div.gettop{background:url("images/possec.png") center center no-repeat #ffdd3e;background-size:51.4% 44%;}
.gmenu div.getmenu ul{width: 0rem;height: 0rem;padding:0;
	background-color:#000;opacity:0.75;overflow: hidden;
	position:absolute;left:-2.8rem;top:-8rem;font-family: "方正幼线";
	transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.gmenu div.getmenu ul.active{width: 5rem;height: 8rem;padding:0.1rem 0.4rem 0 0.48rem;}
.gmenu div.getmenu ul li{width: 101%;height:1.8rem;font-size:0.5rem;border-bottom:1px solid rgba(121,121,121,.6);
	line-height:1.8rem;text-align:center;color:#fff;}
.gmenu div.getmenu ul li span{display:none;}
.gmenu div.getmenu ul li.active span{display:inline-block;}




.sample{margin:10px auto 10px;}
.sample .col-xs-4 {}
.sample a {display: block;width: 100%;height: 100%;}
.sample img{max-width: 95%;z-index: 9;}
.sample p{width:95%;height:auto;padding:8px 0;font-size: 0.7em;
	line-height: 1.1em;color: #000;margin:0 auto;
	zoom:1;
}
.sample p:after{display:block;content:"";clear:both;}
.sample p span{display:block;}
.sample p span.fir{float:left;font-size:1.8em;line-height:1.7em;font-family: jianyouxian;}
.sample p span.thi{float:left;font-size:1.1em;line-height:2.5em;font-family: FZmiddle;}
.sample p span.sec {width: 0.8em;height:0.8em;color: #fff;font-size: 2em;
	line-height:2em;text-indent:-100px;
	background:url("images/bg-gt.png") no-repeat;-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	float:right;margin:0.06em 4px 0 0;}


.sampletop{margin-top:26px;}
.day{margin-bottom:20px;}


#comment-list p{margin:0 auto;}
#comment-list b{ font-size:0.15rem; line-height:0.2rem; margin-top:0.07rem; font-weight:100; color:#898989;  position:relative;  }
#comment-list span{ font-size:15px; line-height:30px; margin-top:0.1rem; font-weight:100; color:#898989; position:relative;  }
#comment-list span.W_btn_tag{vetical-align:middle;
     line-height: 0px;
     margin-top: 0.1rem;
     font-weight: 100;
    color: #898989;
     position: relative; }
#comment-list span.W_btn_tag em{position:relative;font-size:12px;}
#comment-list .clearfix{clear:none;}


#lunb3{margin-top:10px;}

.case-in-cont{width: 12rem;margin:0 auto;}
.case-in-cont .case-con{
    width: 10rem;
    float:left;
}
.case-left,.case-right{
    width: 1rem;
    height: 2.48rem;
    display: inline-block;
    float:left;
}

.case-in-cont b{
    width: 1rem;
    height: 1.7rem;
    display:block;
    margin-top:28px;
}
.case-left b.pre {
    background: url(http://m.52099.cn/theme/images/b4.jpg) no-repeat scroll -5% center transparent;
    background-size: 210%;
}
.case-right b.next {
    background: url(http://m.52099.cn/theme/images/b4.jpg) no-repeat scroll 115% center transparent;
    background-size: 210%;
}