/*
	[Destoon B2B System] Copyright (c) 2008-2013 Destoon.COM
	This is NOT a freeware, use is subject to license.txt
*/
.photo_info {color:#F1F1F1;padding:20px;background:#666666;}
.photo_info h1 {text-align:left;margin:2px 0;}
.photo_info_r {float:right;padding:8px 6px 0 0;}
.photo_intro {color:#FFFFFF;padding:16px;line-height:150%;text-indent:2em;}
.photo_l {background:#333333;}
.photo_r {background:#000000;width:140px;text-align:center;}
.photo_f {position:absolute;z-index:2000;width:460px;height:260px;background:#000000;margin:200px 0 0 300px;color:#FAFAFA;text-align:center;border:#FAFAFA 1px solid;border-radius:24px;opacity:0.8;filter:alpha(opacity=80);display:none;}
.photo_f p {margin:44px 0;font-size:30px;}
.photo_f div {width:100px;height:32px;line-height:32px;margin:20px auto 0 auto;border:#FAFAFA 1px solid;border-radius:6px;font-size:14px;cursor:pointer;}
.photo_f div:hover {border:#FF6600 1px solid;color:#FF6600;}
.thumb_a {border:#666666 1px solid;padding:2px;margin-top:10px;}
.thumb_a:hover,.thumb_b {border:#FF6600 1px solid;padding:2px;margin-top:10px;}
.count_a {font-size:20px;color:#FF6600;}
.count_b {font-size:20px;}
.photo_all {padding:10px;}
.photo_all div {color:#F1F1F1;padding:6px 20px 20px 20px;text-align:left;}
#cursor_a {position:absolute;z-index:1000;width:510px;height:510px;cursor:url('image/prev.cur'),default;}
#cursor_b {position:absolute;z-index:1000;width:510px;height:510px;cursor:url('image/next.cur'),default;margin-left:510px;}

.list1 div {float: left;}

.banner{width:100%;height:479px;position:relative}
.banner:hover .slide-arrow{display:block}
.banner .pics{width:100%;height:479px;position:absolute;top:0;left:0;overflow:hidden}
.banner .pic-box{width:100%;height:479px;position:absolute;top:0;left:0;display:none}
.banner .pic-box:first-child{display:block}
.banner .title{position:absolute;left:50%;margin-left:-600px;bottom:0;width:440px;height:60px;text-align:center;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:30px;background:#000;background:rgba(0,0,0,0.8);padding:0 10px}
.banner .slide-arrow{display:block}
.banner .slide-arrow{background:#fff;background:#fff;background:rgba(255,255,255,0.45);width:60px;height:60px;top:50%;margin-top:-30px;position:absolute;z-index:9;display:none;cursor:pointer;transition:background-color .5s;-webkit-transition:background-color .5s}
.banner .slide-arrow.left{left:10px}
.banner .slide-arrow.right{right:10px}
.banner .slide-arrow:hover{background:#da251d}
.banner .arrow-left{background:url(image/index_arrow.png) no-repeat;width:57px;height:12px;position:absolute;left:30px;top:50%;margin-top:-6px;transition:left .5s;-webkit-transition:left .5s}
.banner .arrow-right{background:url(image/index_arrow.png) 0 -12px no-repeat;width:57px;height:12px;position:absolute;right:30px;top:50%;margin-top:-6px;transition:right .5s;-webkit-transition:right .5s}
.banner .slide-arrow:hover .arrow-left{left:10px}
.banner .slide-arrow:hover .arrow-right{right:10px}
.banner .ctrls{width:400px;position:absolute;bottom:10px;left:50%;margin-left:-200px;text-align:center}
.banner .ctrls li{display:inline-block;background:#989395;width:10px;height:10px;border-radius:10px;margin-right:5px}
.banner .ctrls li{zoom:1;*display:inline}
.banner .ctrls li .transition(all .5s) a{width:100%;height:100%;display:block}
.banner .ctrls .ne-active{background:#fff;width:20px;border-radius:5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}

.specific{width:1200px;margin:30px auto;overflow:hidden}
.specific .room{width:880px;margin-right:20px;float:left;overflow:hidden;position:relative}
.specific .room-ctrls{width:880px;height:48px;line-height:48px;border-top:2px solid #da251d}
.specific .room-ctrls li{width:220px;background:#fff;text-align:center;color:#252525;font-size:18px;float:left;cursor:pointer;height:48px}
.specific .room-ctrls li:hover a{color:#252525}
.specific .room-ctrls a{display:block}
.specific .room-ctrls .ne-active{background:#da251d}
.specific .room-pic{width:50000px;margin-top:20px}
.specific .room-pic ul{width:900px;float:left}
.specific .room-pic ul li{float:left;width:278px;margin-right:20px;margin-bottom:20px;height:253px;background:#fff;font-size:0;border:1px solid #ddd;overflow:hidden}
.specific .room-pic ul li .room-box{width:280px;height:210px;overflow:hidden}
.specific .room-pic ul li img{width:280px;height:210px;-webkit-transition:transform .8s ease-in-out 0s;-moz-transition:transform .8s ease-in-out 0s;-ms-transition:transform .8s ease-in-out 0s;-o-transition:transform .8s ease-in-out 0s;transition:transform .8s ease-in-out 0s}
.specific .room-pic ul li img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}
.specific .room-pic ul li p{width:240px;padding-left:20px;padding-right:20px;text-align:center;height:45px;line-height:45px;color:#252525;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.specific .room-pic ul li i{position:absolute;width:12px;height:18px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;right:20px;top:14px;opacity:0;filter:alpha(opacity=0);background:url(image/picleft.jpg)}
.specific .room-pic ul li:hover i{right:8px;opacity:1;filter:alpha(opacity=100)}
.specific .room-pic ul li:hover p{padding-right:30px;padding-left:10px}

.specific .room-pica{width:50000px;margin-top:20px}
.specific .room-pica ul{width:1200px;float:left}
.specific .room-pica ul li{float:left;width:278px;margin-right:20px;margin-bottom:20px;height:253px;background:#fff;font-size:0;border:1px solid #ddd;overflow:hidden}
.specific .room-pica ul li .room-box{width:280px;height:210px;overflow:hidden}
.specific .room-pica ul li img{width:280px;height:210px;-webkit-transition:transform .8s ease-in-out 0s;-moz-transition:transform .8s ease-in-out 0s;-ms-transition:transform .8s ease-in-out 0s;-o-transition:transform .8s ease-in-out 0s;transition:transform .8s ease-in-out 0s}
.specific .room-pica ul li img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}
.specific .room-pica ul li p{width:240px;padding-left:20px;padding-right:20px;text-align:center;height:45px;line-height:45px;color:#252525;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.specific .room-pica ul li i{position:absolute;width:12px;height:18px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;right:20px;top:14px;opacity:0;filter:alpha(opacity=0);background:url(image/picleft.jpg)}
.specific .room-pica ul li:hover i{right:8px;opacity:1;filter:alpha(opacity=100)}
.specific .room-pica ul li:hover p{padding-right:30px;padding-left:10px}

.specific .rank{width:258px;float:left;height:598px;padding:0 20px;border:1px solid #ddd;background:#fff}
.specific .rank .rank-title{color:#252525;font-size:20px;margin-top:10px}
.specific .rank li{width:258px;line-height:30px;margin-top:5px;position:relative;font-size:0;overflow:hidden;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;height:30px}
.specific .rank li em{width:30px;height:30px;float:left;text-align:center;color:#da251d;position:relative;z-index:10;font-size:14px}
.specific .rank li .titlep{width:228px;height:30px;float:left;text-indent:5px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:10;font-size:14px}
.specific .rank li img{width:258px;height:195px;position:absolute;top:0;left:0;z-index:5;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s}
.specific .rank .selected{height:195px}
.specific .rank .selected em{color:#fff;background:#da251d}
.specific .rank .selected .titlep{background:#000;background:rgba(0,0,0,0.7);color:#fff}
.specific .rank .selected img{opacity:1;filter:alpha(opacity=100)}

.mainTit { float: left; height: 35px; line-height: 35px; width: 100%; position: relative; padding-bottom: 8px; border-bottom: 1px solid #eeeeee; }
.mainTit em { width: 5px; height: 22px; background: #da251d; position: absolute; left: 0px; top: 6px;}
.mainTit span { float: left; line-height: 35px; color: #000000; font-size: 20px; padding: 0 15px; letter-spacing: 2px; font-weight: 900;}
.mainTit .fr a { float: left; height: 20px; display: block; margin: 7px 0px 8px; padding: 0 15px; line-height: 20px; border-right: 1px solid #eeeeee; color: #666666; font-size: 16px; }
.mainTit .fr a:hover { color: #e00142;}
.mainTit .fr a:nth-last-child(1) { border-right: 0;}
.fl {float: left;}
.fr {float: right;}

.guide { width:1200px;margin:0 auto 10px;color:#999;clear:both; font-size: 14px;}
.guide a { color:#999;}
.guide a:hover{ color:#c00;}
.guideline { width:1200px; height: 1px; background: #eee; margin:0 auto 10px;color:#999;clear:both; }
.hi5 { height: 5px;}
.hi10 { height: 10px;}
.hi15 { height: 15px;}
.hi20 { height: 20px;}
.hi30 { height: 30px;}
.hi50 { height: 50px;}
.clr{ clear:both;}
.yunyan_backend_wrap{width:100%;height:100%;position:relative}
.atlas-left{height:100%;margin-right:310px;border:1px solid #e5e5e5;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:#fff;position:relative}
.atlas-left span{font-size:0;position:absolute;display:block;cursor:pointer;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.atlas-left .magnify{background:url(image/magnify.png) 0 0 no-repeat;width:51px;height:51px;top:0;right:1px}
.atlas-left .magnify:hover{background:url(image/magnify_hover.png) 0 0 no-repeat}
.atlas-left .shrink{background:url(image/shrink.png) 0 0 no-repeat;width:51px;height:51px;top:0;right:1px;display:none}
.atlas-left .shrink:hover{background:url(image/shrink_hover.png) 0 0 no-repeat}
.atlas-left .prev{background:url(image/prev.png) 0 0 no-repeat;width:47px;height:95px;top:50%;margin-top:-48px;left:10px}
.atlas-left .prev:hover{background:url(image/prev_hover.png) 0 0 no-repeat}
.atlas-left .next{background:url(image/next.png) 0 0 no-repeat;width:47px;height:95px;top:50%;margin-top:-48px;right:10px}
.atlas-left .next:hover{background:url(image/next_hover.png) 0 0 no-repeat}
.atlas-left .atlas-box{position:absolute;width:100%;height:100%;top:0;left:0;display:none}
.atlas-left .atlas-box:first-child{display:block}
.atlas-right{background:#fff;height:710px;width:280px;position:absolute;border:1px solid #e5e5e5;top:0;right:0;overflow-y:hidden;overflow-x:hidden}
.atlas-right .right-box{min-height:644px;width:260px;margin:0 auto}
.atlas-right .title{font-size:18px;color:#252525;margin-top:15px}
.atlas-right .style{margin-top:10px;color:#999;font-size:14px;background:url(image/location.png) 0 0 no-repeat;height:21px;line-height:21px;text-indent:25px;display:none}
.atlas-right .style-on{display:block}
.atlas-right .company{position:relative;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;width:260px;height:90px;margin-top:15px}
.atlas-right .company .logo{position:absolute;width:80px;height:48px;border-radius:0;top:20px;left:0;z-index:1}
.atlas-right .company .company-mask{position:absolute;width:80px;top:20px;left:0;background:url(image/company_mask.png) no-repeat;z-index:9;display: none;}
.atlas-right .company .c-name,.atlas-right .company .c-service{color:#666;font-size:12px;padding:0 0px 0 90px}
.atlas-right .company .c-name span,.atlas-right .company .c-service span{color:#999}
.atlas-right .company .c-name{margin-top:23px}
.atlas-right .company .c-service{margin-top:0}
.atlas-right .pic-tips{font-size:14px;color:#999;margin-top:15px}
.atlas-right .pics-box{width:260px;overflow:hidden;height:210px;margin-top:10px}
.atlas-right .pics{width:5000000px;overflow:hidden;height:210px}
.atlas-right .pics ul{float:left;width:270px;height:210px}
.atlas-right .pics li{width:80px;height:60px;float:left;margin:0 10px 10px 0;cursor:pointer}
.atlas-right .pics .selected{border:2px solid #f9c62c;width:76px;height:56px}
.atlas-right .pics img{width:100%;height:100%}
.atlas-right .pics-ctrls{color:#999;font-size:14px;text-align:center;width:260px;margin:10px auto}
.atlas-right .pics-ctrls span{display:inline-block;width:20px;height:20px;border-radius:100%;margin-right:3px;cursor:pointer}
.atlas-right .pics-ctrls .ne-active{background:#da251d;color:#fff}
.atlas-right .h-button{width:200px;height:45px;line-height:45px;text-align:center;color:#fff;font-size:16px;margin:25px auto;display:block;background:#da251d;border-radius:3px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.atlas-right .h-button:hover{background:#dea800}
.atlas-right .h-button:active{background:#f1b220}
.atlas-right .free{color:#999;font-size:14px;line-height:30px;width:250px;margin:20px auto;text-align:center}
.mbx{color:#aaa;padding:10px 0;clear:both;border-bottom:1px dotted #ddd}
.mbx a{color:#aaa}

.showmain { width: 1200px; height: 712px; margin: 30px auto; overflow: hidden; clear: both; position: relative;}

.gallerylist ul { width: 1220px;}
.gallerylist li { float: left; width: 285px; margin-right: 20px; overflow: hidden; margin-bottom: 15px;}
.gallerylist li img { width: 285px; height: 214px;}
.gallerylist li p { text-align: center; height: 35px; line-height: 35px; font-size: 16px;}