/*
img spacing:20px;
bigimg spacing:w:590px,h:420px;
smallimg spacing:w:285px,h:200px;
img-v spacing:w285px h:420px;
img-h spacing:w200px h:590px;
 */

/* public area css */
.col{float: left;}
.col-wrap{padding: 10px; display: block;}
.col-1{width: 100%;}
.col-2{width: 50%;}
.col-3{width: 33.3333%;}
.col-4{width:25%;}
.col-5{width:75%;}

.img-auto{width: 100%; height: auto;}

.tpadding20{padding-top: 20px;}
.tpadding40{padding-top: 40px;}
.tpadding60{padding-top: 60px;}
.tpadding80{padding-top: 80px;}

.anim{transition:all ease-out 0.6s;}


.textarea{font-size:16px; line-height: 26px;}
.textarea p{margin-bottom: 30px;}
.textarea strong{color: #000;}

.font1{font-size: 24px; line-height: 40px; color: #000;}
.font1-i{font-size: 24px; font-style: italic;line-height: 40px;color: #000;}
.font2{font-size: 18px; line-height: 26px;color: #000;}
.font2-i{font-size: 18px; font-style: italic;line-height: 26px;color: #000;}
.font3{font-size: 16px;}
.font4{font-size: 14px;}
.font24{font-size: 20px; line-height: 34px;}


/*image load ease*/
.loadpicwrap img{filter:alpha(opacity=0); opacity:0;}
.loadpicwrap img.loaded{ filter:alpha(opacity=100); opacity: 1;transition:all ease-out 0.5s;}
.loadpicwrap img.is-broken{filter:alpha(opacity=0); opacity:0;}

.firstload img{filter:alpha(opacity=0); opacity:0;}
.firstload img.loaded{ filter:alpha(opacity=100); opacity: 1;transition:all ease-out 0.5s;}
.firstload img.is-broken{filter:alpha(opacity=0); opacity:0;}

/* wrap ease */
.wrap{transform: translate3d(0,40px,0);filter:alpha(opacity=0); opacity:0;transition:all ease-out 0.5s;}
.wrap.loadedease{transform: translate3d(0,0px,0);filter:alpha(opacity=100); opacity:1;}

body,a{color:#5b5b5b; font-size: 14px;}
.topspacing{ padding-top: 140px;_padding-top: 30px; clear: both; float: none;width: 100%;}
.wrap,.footer{width: 80%; margin: 0 auto;float: none; clear: both; }
.footer .contentwrap{padding: 30px 10px;}
body{background: #fff;}



.header{!important;position: fixed; width: 100%; z-index: 10000; left: 0; top:0;
	_position:absolute;
	_left:expression(eval(document.documentelement.scrollleft));
	_top:expression(eval(document.documentelement.scrolltop));
}

.page-news-details .header{position:relative; }
.page-news-details .topspacing{padding-top: 70px;}
.header .contentwrap{
	width: 80%;margin: 0 auto;  padding:20px 0;
	filter:alpha(opacity=100);  opacity: 1;transition:all ease-out 0.5s; 
	background: #fff;
}
.header .contentwrap.down{padding:10px 0; filter:alpha(opacity=30);  opacity: 0.3;  background: transparent; }
.no-cssanimations .header .contentwrap.down{filter:alpha(opacity=100);opacity: 1;background: #fff;}

.header .item{float: left;}
.header .itemrigth{float: right;}
.header a.logo{display: block; height: 40px; width: 40px; margin-right: 40px; margin-left: 10px; 
	background-image:;
	background-size: auto 40px;
	background-repeat: no-repeat;
	background-position: center center;
}
.header .navigation{height: 40px;}
.header .navigation li{float: left; margin-right: 20px; }
.header .navigation a{font-size: 16px; color: #000; line-height: 40px;}
.header .phone,.header .btn-list{height: 40px; line-height: 40px; margin-left: 20px; margin-right: 10px;}
.header .phone{font-size: 16px; color:#222;}

/*
.hover-line
---------------------------------------*/
.hover-line-links a > span,
a.hover-line > span{
	display:inline-block;
	position:relative;
	white-space: nowrap;
}


.hover-line-links a > span:after,
a.hover-line > span:after{
	content:'';
	height:1px;
	width:0%;
	position:absolute;
	top:50%;
	left:130%;
	background-color:#5b5b5b;
	-webkit-transition: width 500ms, left 500ms;
	   -moz-transition: width 500ms, left 500ms;
	     -o-transition: width 500ms, left 500ms;
	        transition: width 500ms, left 500ms;
}


.hover-line-links a:hover > span:after,
.hover-line-links a.current > span:after,
a.hover-line:hover > span:after,
a.hover-line.current > span:after{
	width:120%;
	left:-10%;
	-webkit-transition: width 500ms;
	   -moz-transition: width 500ms;
	     -o-transition: width 500ms;
	        transition: width 500ms;
}


/*
.hover-line
---------------------------------------*/




.menu{width: 20px; height: 10px;cursor: pointer; position: relative; margin-top: 15px; }
.menu .item{ 
	position: absolute; height: 2px; width: 100%; 
	background: #000; line-height: 2px; font-size: 2px;
	border-radius: 1px;transition:all ease-out 0.3s;
}
.menu .line1{top:0;}
.menu .line2{top:4px;}
.menu .line3{top:8px;}

.menu.off .line3{width: 60%;}
.menu.off:hover .line1{width: 80%;}
.menu.off:hover .line2{width: 50%;}
.menu.off:hover .line3{width: 100%;}

.menu.on .item{}
.menu.on .line1{top:4px;transition-delay:0.5s;
  transform: rotate(-45deg);}
.menu.on .line2{width:0;transition-delay:0.3s;}
.menu.on .line3{top:4px; transition-delay:0.5s;
  transform: rotate(45deg);}

/*scondary menu item*/
.header .navigation .sc{width: 0px; margin-right: 0px;opacity: 0; overflow: hidden; filter:alpha(opacity=0); transition:all ease-out 0.3s;}
.header .navigation .sc a{display: block;width: 36px; height: 40px; color: #666;}
.header .navigation.active .sc{width: 36px; height: 40px; margin-right: 20px;opacity: 1;filter:alpha(opacity=100);}

.footer{ line-height: 20px; padding-bottom: 60px; padding-top: 50px; text-align: center;}
.footer .copyright{line-height: 24px; color:#9e9e9e;}
.footer a{font-weight: bold;color:#9e9e9e; font-size: 10px; }


.public-list{padding: 50px 10px 20px 10px; clear: both; float: none; }
.public-list a{float: left; width: 50%; text-align: left; background: #f8f8f8; padding: 30px 0; color: #000;
	transition:all ease-out 0.5s;cursor:pointer;}
.public-list a:hover{ background: #000; color: #fff;}
.public-list .contentwrap{width: 260px; margin: 0 auto;}
.public-list .ico{float: left; width: 59px; height: 59px; margin-right: 20px;}
.public-list .ico-mail{background: url(/uploads/image/tsdimages/ico-mail-59px.png) no-repeat;}
.public-list .ico-star{background: url(/uploads/image/tsdimages/ico-star-59px.png) no-repeat;}
.public-list a:hover .ico-mail{background: url(/uploads/image/tsdimages/ico-mail-59px-hover.png) no-repeat;}
.public-list a:hover .ico-star{background: url(/uploads/image/tsdimages/ico-star-59px-hover.png) no-repeat;}
.public-list span{float: left; width: 180px;}
.public-list .txt_1{ line-height: 24px; font-size: 10px; }
.public-list .txt_2{ font-size: 20px;}


.pager { text-align: center;}
.pager a{display: inline-block;  line-height: 30px; margin:0 10px; font-size: 18px;}
/*.pager a.current,.pager a:hover{color: #000; border-bottom: 2px #000 solid; }*/
.details-pager{text-align: center;}
.details-pager a{display: inline-block;font-size: 20px;line-height: 30px;  margin:0 20px;border-bottom: 2px #fff solid;}
/*.details-pager a.current,.details-pager a:hover{color: #000; border-bottom: 2px #000 solid; }*/

/* grid-list-1 style */

.grid-1{width: 25%;}
.grid-2{width: 25%;}
.grid-3{width: 50%;}
.grid-4{width: 50%;}
.grid-full{width: 100%;}

.grid-1b{width: 25%;}
.grid-2b{width: 33.33333%;}
.grid-3b{width: 66.66666%;}
.grid-4b{width: 66.66666%;}



.grid-list-1{display:block;float: none;clear: both;  }
.grid-list-1 .grid-item{ float: left; overflow: hidden; }
.grid-list-1 .grid-item .spacingwrap,.col .spacingwrap{ position: relative;padding: 10px; overflow: hidden;}
.grid-list-1 .grid-item a.pic{display:block;background: #f8f8f8; }
.grid-list-1 .grid-item img{width: 100%; height: auto; }

.grid-list-1 .textlayer{ position: absolute; top: 10px; left: 10px; width: 100%; height: 100%; background: #fff;
 filter:alpha(opacity=0);  opacity: 0;  -ms-filter:progid:dximagetransform.microsoft.alpha(opacity=0);
 transition:all ease-out 0.5s;_display:none;
 }
.grid-list-1 .textlayer span{padding-left: 20px; position: absolute; display: block; width: 80%;}
.grid-list-1 .textlayer .txt_1{top: 20px; font-size: 18px;}
.grid-list-1 .textlayer .txt_2{bottom: 60px;text-transform: uppercase; line-height: 1.3em;}
.grid-list-1 .textlayer .txt_3{bottom: 40px;}
.grid-list-1 .textlayer .txt_4{top: 50px; font-size: 12px;}
.grid-list-1 .grid-item:hover .textlayer{display: block;filter:alpha(opacity=90);  opacity: 0.9; _display:block;}


/*
home style
 */
#banner-index{height: 590px; overflow: hidden;}
#banner-index li{text-align: center;}
#banner-index li img{display: inline;max-height: 590px;}
#banner-index li .txt{position: absolute; width: 100%; bottom: 50px; text-align: center; z-index: 10000;}
#banner-index li .txt h2{font-size: 2em; line-height: 1.5em;}
#banner-index li .txt p{width: 700px; font-size: 1.3em; line-height: 1.5em; padding-top: 20px; margin: 0 auto; }
#banner-index li .txt strong{background-color: #000; color:#fff; font-weight: 100;}
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: arial; font-weight: bold; color: #666; padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #000; text-indent: -9999px;
	display: block;
	width: 10px; height: 10px; margin: 0 5px; outline: 0;
	border: 2px solid #000;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 5px; 
	line-height: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover:after,
.bx-wrapper .bx-pager.bx-default-pager a.active:after {
	background: #000;
	content: '';
	height: 2px;
  	width: 12px;
  	position: relative;
  	display: block;
  	top:12px; left: -1px;
}


.public-text{text-align: center; padding-top: 80px;}
.public-text h2{font-size: 30px; color: #000;}
.public-text h3{font-size: 16px; padding: 10px;color: #000;}
.public-text .phone{border-top: 2px #000 solid;border-bottom: 2px #000 solid; 
	 padding:10px 0 10px 0; font-size: 18px; color: #000; width: 440px; margin: 30px auto 10px auto;
	letter-spacing:4px;color: #000;
	}
.public-text .mail{font-size: 16px;color: #000; display: block;}
.public-text .mail:hover{text-decoration: underline;}
.public-text .contact{color: #000; margin-top: 10px;}
.public-text .txt_1 h1{color:#333; font-size: 1.2em;}
.public-text .txt_1{width: 700px; text-align: center; line-height: 32px; margin: 120px auto 0 auto;color: #9e9e9e; }
.public-text .txt_1 strong{text-decoration: underline;}
.public-text .txt_1,.public-text .txt_1 a{font-size: 18px;color: #9e9e9e;}
.public-text .txt_1 a:hover{text-decoration: underline;}



.news-wrap{padding: 10px; margin: 40px 0; }
.news-wrap li{line-height: 2em; text-align: center; background-color: #fff; padding: 10px; margin-bottom: 1px;}
.news-wrap h2{font-size: 1.5em; color:#333;  text-align: center; line-height: 2em;}
.news-wrap a{font-size: 1.2em; color:#999; }
.news-wrap a:hover{text-decoration: underline;}

.fanslogo{padding: 20px; text-align: center; }
.fanslogo ul{display: inline-block; text-align: center;}
.fanslogo li{display: inline-block;  margin: 0 10px;}
.fanslogo li img{width: auto; height:30px;}

.banner-mobile a{display: block;}
.banner-mobile img{width: 100%; height: auto;}
/*about css*/
.profile-mobile{display: none;}
.txt-profile-title{padding-top: 30px; color: #000;}
.txt-profile-title .line{width: 60px; height:1px;line-height: 1px; font-size: 1px; background-color: #000; margin: 20px 0 40px 0;}
.profile-text{padding-top: 80px; padding-left: 40px; font-size: 18px; line-height: 28px;}
.profile-text p{margin-bottom: 30px;}

.team-list{display: block;}

.team-list a{transform: translate3d(0,0,0);transition:all ease-out 0.5s;position: relative;}
.team-list a img{position: relative; z-index: -2;}
.team-list a .txt{ position: absolute;top: 0; left: 0px; width: 100%; height: 100%; opacity: 0;
	transition:all ease-out 0.5s; text-align: center;
	}
.team-list a .mask{position: absolute;top: 0; left: 0px; width: 100%; height: 100%;
	background: #000; opacity: 0.3; z-index: -1;}
.team-list a .font1{display:inline-block; text-align: center; color:#fff; margin-top: 30%; font-size: 40px; }
.team-list a .font1 span{display:inline-block; position: relative;}
.team-list a .font1 span:after{
	content:'';
	height:2px;
	width:120%;
	position:absolute;
	top:55%;
	left:-10%;
	background-color:#fff;
}


.team-list a:hover .txt{opacity: 1;}

.customer-slider{display: block;}
.customer-slider li img{filter:saturate(0.5);transition:all ease-out 0.5s; }
.customer-slider li:hover img{filter:saturate(0); }

/*news css*/
.grid-list-3 .col{margin-bottom: 20px;transform: translate3d(0,0,0);transition:all ease-out 0.5s;}
.grid-list-3 .col:hover{transform: translate3d(0,-20px,0);}
.grid-list-3 a.pic{ background: #f8f8f8; display: block;}
.grid-list-3 img{width: 100%; height: auto;}
.grid-list-3 .txt{padding: 40px 20px; background-color: #f8f8f8;}
.grid-list-3 .txt h3 a{font-size: 18px; color: #000; display: block;  line-height: 30px;}
.grid-list-3 .txt h3 a:hover{text-decoration: underline;}
.grid-list-3 .txt p{ display: block; margin: 20px 0 60px 0; line-height: 24px; }
.grid-list-3 .txt .time{color: #666; display: block;}

.news-details{width: 800px; margin: 0 auto;}
.news-details h1{font-size: 24px; color: #000;}
.news-details .time{font-size: 12px; color: #aaa; line-height: 30px;}
.news-details .txtcontent{line-height: 28px; text-align:justify;text-justify:inter-ideograph; }
.news-details .txtcontent strong{color: #333; font-weight: 600;}
.news-details .txtcontent p{}
.news-details .txtcontent a{text-decoration: underline;}
.news-details .txtcontent a:hover{color:#3594ba;}
.news-details .txtcontent img {height: auto !important;max-width: 100%;}
.news-details .txtcontent h2{font-size: 1.5em; font-weight: 500;}
.news-details .txtcontent h3{font-size: 1.2em; font-weight: 500;}
.news-details .header{position: relative;} .news-details .topspacing{padding-top: 80px;}

.news-details .txtcontent ul,
.news-details .txtcontent li {
	list-style: disc inside;
}
.news-details .txtcontent ol {
	list-style: decimal inside;
}


.news-other h3{font-size: 1.4em; padding: 15px 0; border-top: 2px solid #333;}
.news-other ul{display: block;border-bottom: 2px solid #333; padding-bottom: 10px;}
.news-other a{font-size: 1.2em; line-height:2em;}
.news-other a:hover{color:#3594ba; text-decoration: underline;}
.news-other  span{color: #aaa;}
/*works css*/

.left-categorys .title{padding-bottom: 10px;}
.left-categorys a{display: block; margin: 5px 0px;}
.left-categorys  a:hover{text-decoration: underline;}

/*contact css*/
.contact-text{padding-top: 80px;padding-left: 40px; font-size: 18px; line-height: 28px;}
.contact-text p{margin-bottom: 30px;}
.contact-text strong{font-weight: bold;}

.contact-tit{width: 100%; height: 90px;}
.contact-tit .contentwrap{width: 220px; }
.contact-tit .ico{float: left; width: 59px; height: 59px; margin-right: 20px;}
.contact-tit .ico-star{background: url(/uploads/image/tsdimages/ico-star-59px.png) no-repeat;}
.contact-tit span{float: left; width: 140px;}
.contact-tit .txt_1{ line-height: 24px; font-size: 10px; }
.contact-tit .txt_2{ font-size: 20px;}

.page-works-details .time{display: block; text-align: center;}

/*form*/
.form-area .item{padding: 10px 0px;}
.form-area h3{font-size: 18px; margin-top: 20px; clear: both;}
.form-area .col{line-height: 28px;}
.in_txt{box-sizing:border-box; border:3px #ccc solid ; font-size: 18px; padding: 10px 10px; width: 100%;transition:all ease-out 0.5s;}
.in_txt:hover,.in_txt:focus{ border-color: #000;}
.in_txt.error{border-color: #ff4981;}
.in_btn{border: 3px #ccc solid; background: none; background-color: #ccc; padding: 10px 10px;width: 100%; text-align: center;
font-size: 18px;transition:all ease-out 0.5s;}
.in_btn:hover{border: 3px #000 solid; background-color: #000; color: #fff;}
.in_btn:active{border: 3px #000 solid; background-color: #000; color: #fff;}
.in_checkbox{}
.form-area .item label,.form-area .item em{font-size: 14px;}

.systemmessage{padding: 60px; text-align: center; border:5px #333 solid; }
.systemmessage h1{font-size: 24px; margin-bottom: 40px;color:#000;}
.systemmessage p{font-size: 20px; margin-bottom: 60px; line-height: 1.6em;}
.systemmessage a{font-size: 20px; text-decoration: underline;}
.systemmessage a:hover{color:#3594ba;}
.systemmessage form{padding-bottom: 40px;}
.systemmessage #keyword{border: 1px solid #ccc; font-size: 1.6em; padding:10px 20px;}
.systemmessage #keyword:focus{border: 1px solid #333;}
.systemmessage #submit{border: none; background: none; padding:10px 20px; font-size: 1.6em;}
.systemmessage #submit:hover{text-decoration: underline;}
/*search*/
.page-search h1{font-size: 24px; color:#000;padding-bottom: 10px;}
.page-search p{line-height: 1.6em;}
.page-search .search-title a{color:#3594ba;}
.page-search .search-title a:hover{text-decoration: underline;}
.search-row{max-width: 800px;}
.search-row strong{background-color: #f6ff00;}
.search-row a{font-size: 14px; text-decoration: underline;}
.search-row a:hover{text-decoration: underline;color:#3594ba;}
.search-row h2 a{font-size: 16px; color:#000;padding-bottom: 5px; line-height: 1.6em;text-decoration: none;}
.search-row .media-body{margin: 5px 0;}
.search-row p{line-height: 1.6em;}
@media (max-width:1440px){ 
.wrap,.footer{width: 90%; margin: 0 auto;float: none;clear: both; }
.header .contentwrap{width: 90%;} 

.contact-text{padding-top: 80px; font-size: 16px; line-height: 24px;}
.contact-text p{margin-bottom: 20px;}

}
@media (max-width:1360px){ 

.wrap,.footer{width: 90%; margin: 0 auto;float: none;clear: both; }
.header .contentwrap{width: 90%;margin: 0 auto;}

}

@media (max-width:1280px){ 

.wrap,.footer{width: 92%; margin: 0 auto;float: none;clear: both; }
.header .contentwrap{width: 92%; margin: 0 auto;}
.grid-list-3 .col-4{width: 33.333333%;}

.header .itemrigth{display: none;}

}
@media (max-width:1024px){ 
.topspacing{padding-top: 80px;}
.tpadding80{padding-top: 40px;}
.tpadding40{padding-top: 20px;}

.wrap,.footer{width: auto; margin: 0 auto;float: none;clear: both;padding-left: 10px;padding-right: 10px;  }
.header .contentwrap{margin: 0 auto; padding-left: 10px;padding-right: 10px; width:auto;}
.header .contentwrap.down{padding-left: 10px;padding-right: 10px;  filter:alpha(opacity=100);  opacity: 1;  background: #fff; }


.grid-list-1{display: block;}
.banner-box #banner-index a{padding:10px;  display: block;}
.banner-box img{width: 100%;}

.page-about .banner-box .txt{display: none;}
.profile-mobile{display: block;}
.footer .txt_1{display: none;}
.news-details{width: 100%;}
.news-details img{max-width: 100%;}
}
@media(max-width: 767px){
	.public-list{display: none;}
	.left-categorys{display: none;}
	.page-works .col-4{display: none;}
	.col-5{width: 100%;}
	.col-4{width: 50%;}
	.col-1{width: auto;}
	.font1{font-size: 18px; line-height: 30px;}
	.font2{font-size: 16px;}
	.team-list a .font1{font-size: 20px;}

	.grid-list-3 .col-4{width: 50%;}

	.grid-list-1 .grid-item:hover .textlayer{display: none;}
	.grid-1{width: 50%;}
	.grid-2{width: 50%;}
	.grid-3{width: 100%;}
	.grid-4{width: 50%;}
	.grid-full{width: 100%;}

	.grid-1b{width: 50%;}
	.grid-2b{width: 50%;}
	.grid-3b{width: 50%;}
	.grid-4b{width: 50%;}

	.col-2{width: 100%;}

	.grid-list-3 .col-4{width: 100%;}
	.copyright{text-align: center;}
	.copyright span,.icpnumber{display: none;}

	.banner-box{padding-bottom: 40px;}
	.profile .contact-text{padding:10px;}

	.public-text{padding: 0 10px; margin-top: 80px;}
	.public-text h2{font-size: 24px; color: #000;}
	.public-text h3{font-size: 14px; padding: 10px;}
	.public-text .phone{border-top: 2px #000 solid;border-bottom: 2px #000 solid; 
		 padding:8px 0 8px 0; font-size: 14px; color: #000; width: 100%; margin: 30px auto 10px auto;
		letter-spacing:2px;color: #000;
		}
	.public-text .mail{font-size: 14px;}
	.public-text .mail:hover{text-decoration: underline;}
	.public-text .txt_1{display: none;}

	.news-details .topspacing{padding-top: 40px;}


}
@media(max-width: 580px){

.header a.logo{ height: 36px; width: 30px;}
.header a.logo { background-size: auto 36px; margin: 2px 20px;}
.header .navigation{float: right;}
.header .navigation .sc{width: 36px; height: 40px; margin-right: 10px;opacity: 1;filter:alpha(opacity=100);}
.header .menu-btn{display: none;}

.fanslogo li img{width: auto; height:20px;}

.news-wrap{background-color: #f3f3f3; }
.news-wrap li{ text-align: left;}


}

@media(max-width: 480px){
	.header .navigation li{margin-right: 10px;}
	.header .navigation.active .sc{margin-right: 10px;}
	
}

@media(max-width: 420px){

}


#portamento_container {float:left; position:relative;} /* take the positioning of the sidebar, and become the start point for the sidebar positioning */
#portamento_container #sidebar {float:none; position:absolute;} /* no need to float anymore, become absolutely positoned */
#portamento_container #sidebar.fixed {position:fixed;} /* if the panel is sliding, it needs position:fixed */


.fb-qrcode {
	position: fixed;z-index: 9999;right: 10px;bottom: 40px;display: none;
	width: 60px;height: 60px;background-color: #52b367;border-radius: 30px;
	box-shadow: rgb(0,0,0,.1) 0px 5px 14px;
}
.fb-qrcode svg {
	display: block;width: 24px;height: 24px;margin-right: auto;margin-left: auto;margin-top: 18px;
}
.fb-qimg {
	position: absolute;right: 0;bottom: 100%;margin-bottom: 10px;width: 120px;border-radius: 3px;
	visibility: hidden;opacity: 0;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.fb-qimg img {
	display: block;width: 100%;height: auto;box-shadow: rgb(0,0,0,.16) 0px 5px 14px;
}
@media (any-hover: hover) {
	.fb-qrcode:hover .fb-qimg {
		-webkit-transform: scale(1);
		transform: scale(1);
		visibility: visible;opacity: 1;
	}
}