@charset "utf-8";
/* CSS Document */



/* header*/

html {
	font-size: 62.5%;
}
body {
	font-size: 14px;
	color: #3d3d3d;
	overflow-x: hidden
}
img {
	max-width: 100%;
	vertical-align: top;
}
.Ycyy {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
 color: #333;
 font-size: 12px;
}
 input::-moz-placeholder, textarea::-moz-placeholder {
 color: #333;
 font-size: 12px;
}
 .MsgM input:-moz-placeholder, .MsgM textarea:-moz-placeholder {
 color: #8d8d8d;
 font-size: 14px;
}
 .MsgM input::-moz-placeholder, .MsgM textarea::-moz-placeholder {
 color: #8d8d8d;
 font-size: 14px;
}
.MsgML {
	width: 230px;
	text-align: right;
	height: 32px;
	line-height: 32px;
}
.MsgML1 {
	overflow: hidden;
	zoom: 1;
	text-indent: 99999px;
}
.MsgML i {
	color: #ea4200;
	padding-right: 12px;
}
.MsgM .otxt {
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	color: #8d8d8d;
	padding: 0 10px;
	background: #fff;
}
.MsgM .otext {
	line-height: 20px;
	height: 60px;
	padding: 10px;
	resize: none;
}
.MsgM .otxt, .MsgM .otext {
	background: #fff;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 342px;
}
.MsgM .otxt1 {
	width: 100%;
	box-sizing: border-box;
}
.MsgM .otxt1 option {
	color: #8d8d8d;
}
.MsgMR {
	width: 364px;
	padding-left: 12px;
}
.MsgM {
	padding: 14px 0;
}
 input.Searchotxt:-moz-placeholder {
font-family:'';
color:#b2b2b2;
font-size:14px;
}
 input.Searchotxt::-moz-placeholder {
font-family:'';
color:#b2b2b2;
font-size:14px;
}
.otxt, .obtn, .oselect {
	border: none;
	background: none;
}
.w100 {
	width: 100%;
}
.w1000 {
	width: 1200px;
	margin: 0 auto;
}
.Vimg {
	width: 100%;
	height: 100%;
	display: block;
}
/*.PubTable{ display:table-row;overflow:hidden; width:1160px; padding:0 20px;}

.PubRow{ float:none;display:table-cell; vertical-align:middle;margin-bottom:-100px; *padding-bottom:110px;*float:left;}

*/



.Tel {
	font-size: 14px;
	color: #fff;
	line-height: 23px;
	margin-top: 32px;
	padding-right: 35px;
}
.Tel {
	background: url(../images/tel.png) left center no-repeat;
	padding-left: 52px;
}
.navdl dd, .line-l, .line-r {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.meau {
	width: 25px;
	height: 18px;
	position: relative;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	display: none;
}
.meau span {
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 3px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	vertical-align: top;
}
.meau span {
	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
}
.meau .m1 {
}
.meau .m2 {
	top: 8px;
}
.meau .m3 {
	top: 16px;
}
.meau span {
	background: #333;
}
.meauon .m1, .meauon .m2, .meauon .m3 {
	background: #666;
}
.meauon .m1 {
	transform: rotate(45deg);
	top: 9px;
}
.meauon .m2 {
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
.meauon .m3 {
	transform: rotate(-45deg);
	top: 9px;
	width: 25px;
}
.Top {
	position: relative;
	left: 0;
	top: 0;
	z-index: 8888;
}
.Logo {
	padding: 25px 0;
}
.Logo img {
}
.Navbg {
	background: #000;
	position: absolute;
	left: 0;
	top: 165px;
	height: 240px;
	z-index: 888;
}
.Navlist ul {
	float: right;
	padding-top: 0;
}
.Navlist li { /* padding-top:35px; padding-bottom:35px;*/
	float: left;
	vertical-align: top;
	line-height: 33px;
	height: 33px;
	margin-right: 0;
	position: relative;
	z-index: 8888;
	width: 102px;
	text-align: center;
}
.Navlist li {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.Navlist .home {
	width: 78px;
}
.Navlist li.none em {
	display: none;
}
.Nav .a {
	vertical-align: top;
	display: inline-block;
}
.navdl {
	position: absolute;
	top: 112px;
	width: 100%;
	text-align: center;
	overflow: hidden;
	zoom: 1;
}
.navdl dd {
	line-height: 32px;
	height: 32px;
	vertical-align: top;
	margin-top: 0px;
}
.navi {
	display: inline-block;
	background: url(../images/ico3.jpg) left top no-repeat;
	width: 7px;
	height: 4px;
	vertical-align: middle;
	margin-left: 3px;
}
.inaviA {
	float: right;
	width: 45px;
	line-height: 45px;
	height: 45px;
	text-align: right;
	cursor: pointer;
	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	display: none;
}
.inavi {
	font-size: 16px;
	vertical-align: middle;
	color: #000;
}
.inaviAon {
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
}
.Navlist li .phonea, .inaviAon .inavi {
	color: #00cbea;
}
.Nav {
	width: 615px;
	text-align: left;
	padding-top: 45px;
	padding-left: 22px;
}
.Nav .last {
	margin: 0;
}
.Top {
	background: #ffffff;
}
.Navbg, .inaviA, .navdl {
	display: none;
}
.Navlist .navdl a {
	color: #101010;
	font-size: 12px;
}
.Navlist .navdl dd:hover {/* background:#a5a4ab;*/
}
.Navlist .home {
	width: 90px;
}
.Navlist li.opac .ema, .Navlist li.opac .emb {
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}
.ema, .emb {
	display: inline-block;
	vertical-align: top; /*height:100%;*/
}
.ema {
	font-size: 16px;
	padding: 0;
}
.emb { /*width:6px; height:43px; background:url(../images/jiantou.jpg) center center no-repeat;  text-indent:-999px; overflow:hidden;zoom:1; margin-left:8px; display:none;*/
	display: block;
	font-size: 12px;
	color: #989898;
	display: none;
}
.Nav .on .line-l, .Nav .on .line-r, .Nav .m .line-l, .Nav .m .line-r {
	width: 50%;
	bottom: 0;
}
.navdl dd:hover a {
	color: #289928;
}
.TopOn {
	background: rgba(255,255,255,1);
	box-shadow: 0 1px 1px rgba(180,180,180,0.4);
}
.TopOn .Nav a {
	color: #000;
}
.TopOn .navdl a {
	color: #e9eaf5;
}
.TopOn .Nav a:hover {
	color: #049cdf;
}
.TopOn {
	color: #e9eaf5;
}
.TopOn .Search {
	background: url(../images/search_1.png) center center no-repeat;
}
.TopOn .Tel {
	background: url(../images/tel_1.png) left center no-repeat;
	color: #000;
}
.TopOn .Search:hover, .Search:hover {
	background: url(../images/search_2.png) center center no-repeat;
}
.line-l, .line-r {
	display: block;
	width: 50%;
	height: 6px;
	position: absolute;
	bottom: 5px;
}
.line-l {
	right: 50%;
}
.line-r {
	left: 50%;
}
.Navlist li:hover .line-l, .Navlist li:hover .line-r {
	width: 50%;
	bottom: 0;
}
.line-l, .line-r {
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
.Navlist li:hover .line-l, .Navlist li:hover .line-r, .Nav .on .line-l, .Nav .on .line-r, .Nav .m .line-l, .Nav .m .line-r {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.line-l, .line-r {
	background: #c30d23;
}
.Toptit {
}
.Header {
	border-bottom: 1px solid #e5e5e5;
}
/*.navdl dd:hover{ background:#d10d1b;}

.navdl dd:hover a,.navdl dd a:hover{ color:#fff;}*/





#share span {
	float: left;
	font-size: 18px;
	line-height: 25px;
	height: 25px;
	position: relative;
	top: 4px;
}
#share a {
	margin-left: 10px;
	padding: 0;
}
#share .bds_weixin {
	background: url(../images/share1.jpg) left top no-repeat;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
}
#share .bds_sqq {
	background: url(../images/share2.jpg) left top no-repeat;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
}
#share .bds_qzone {
	background: url(../images/share3.jpg) left top no-repeat;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
}
#share .bds_tsina {
	background: url(../images/share4.jpg) left top no-repeat;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
}
.swiper-container {
	width: 100%;
	position: relative;
	overflow: hidden;
	zoom: 1;
}
.swiper-wrapper {
	width: 100%;
	position: relative;
	z-index: 88;
}
.swiper-slide {
	background-position: center top;
	background-repeat: no-repeat;
}
.swiper-slide-img {
	display: none;
	width: 100%;
	vertical-align: top;
}
.swiper-pagination {
	z-index: 99;
	height: 12px;
	text-align: center;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
	width: 100%;
	bottom: 20px;
	left: 0;
}
.swiper-pagination-bullet {
	border: none;
	background: none;
	vertical-align: top;
	width: 12px;
	height: 12px;
	background: #ffffff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	vertical-align: top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px;
}
.swiper-button-next, .swiper-button-prev {
	width: 24px;
	height: 60px;
	z-index: 99;
	margin-top: -30px;
}
.swiper-button-prev {
	left: 0;
	background: url(../images/prev.png) center center no-repeat;
}
.swiper-button-next {
	right: 0;
	background: url(../images/next.png) center center no-repeat;
}
.Banner {
}
.Banner .swiper-slide, .IndexBanner { /*height:714px;*/
}
.Banner .bd {
	bottom: 30px;
	left: 50%;
	margin-left: -600px;
}
.Banner .bd li {
	margin: 0 5px;
}
.Banner .bd {
	display: none;
}
.b_img {
	display: none;
	width: 100%;
}
.pagebanner {
	background: center center no-repeat;
	overflow: hidden;
}
.link, .link a {
	color: #fff;
}
.link span, .link a {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
.link {
	padding: 8px 0;
	text-align: left;
}
.link a {
	font-size: 13px;
}
.link span {
	color: #fff;
}
.footer {
	background: #202020;
	text-align: center;
	margin-top: 35px;
}
.footer a, .footer {
	color: #c9c9c9;
}
.footernav {
	padding-bottom: 15px;
}
.footernav em {
	font-style: italic;
	padding: 0 10px;
}
.footernav a {
	color: #c9c9c9;
	display: inline-block;
}
.footercopy {
	color: #606060;
}
.footeraddress {
	border-top: 1px solid #666666;
	padding-top: 10px;
	padding-bottom: 30px;
}
.footercopy {
	padding: 10px 0;
	color: #b5b5b5;
}
.Copy {
	display: none;
}
.PageBanner {
	background-position: center center;
	background-repeat: no-repeat;
	height: 200px;
}
.text-c {
	text-align: center;
}
.hide {
	display: none;
}
.keys {
	line-height: 30px;
	background: #e4f8bd;
	padding: 5px 0;
}
.keysa a, .keysa span, .keysa em {
	color: #000000;
	vertical-align: top;
}
.keysa em {
	font-size: 12px;
	padding: 0 10px;
}
.searchotxt, .searchobtn {
	height: 38px;
	line-height: 38px;
	float: left;
}
.searchotxt {
	width: 230px;
	padding: 0 10px;
	background: #fff;
}
.search {
	border: 1px solid #f0f0f0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	width: 298px;
}
.searchobtn {
	width: 48px;
	background: url(../images/searchobtn.jpg) center no-repeat;
	cursor: pointer;
}


.hhmain {
	padding-top: 40px;
}
.hhmainl {
	width: 275px;
}
.hhmainr {
	width: 910px;
}
.hhmainlul>li, .hhmainl h2 {
	padding: 0 20px;
}
.hhmainl h2 {
	font-size: 22px;
	color: #fff;
	line-height: 65px;
	height: 65px;
	background: #129313;
	font-weight: 400;
}
.hhmainl h2 em {
	font-size: 14px;
	padding-left: 10px;
}
.hhmainllist {
	background: #289928;
	margin-bottom: 30px;
}
.hhmainlul>li {
	line-height: 45px;
	height: 45px;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}
.hhmainlma, .hhmainlul>li>a {
	background: url(../images/smallnav.png) left center no-repeat;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	background-size: 15px 15px;
	padding-left: 22px;
	position: relative;
	left: 0;
}
.hhmainlma, .hhmainlma:hover, .hhmainlul>li>a, .hhmainlul>li>a:hover {
	color: #fff;
}
.hhmainlul>li:hover .hhmainlma, .hhmainlul .hhmainlmon .hhmainlma, .hhmainlul>li:hover a, .hhmainlul .hhmainlmon a {
	left: 5px;
}
.hhmainlul>li:hover, .hhmainlul .hhmainlmon {
	background: #62ca63;
}
.hhmainrmbx {
	font-size: 16px;
	padding-left: 15px;
	position: relative;
	border-left: 10px solid #129313;
	line-height: 50px;
	height: 50px;
	background: #f0f0f0;
}
.hhmainrmbx em {
	padding: 0 5px;
}
.hhmainrpro {
	overflow: hidden;
	zoom: 1;
	padding: 0 20px;
}
.hhmainrproul {
	width: 108%;
}
.hhmainrprom, .hhmainrproul li {
	float: left;
	margin-right: 16px;
	margin-top: 16px;
	border: 1px solid #ccc;
	position: relative;
	overflow: hidden;
	width: 277px;
}
.hhmainrproimg {
	width: 100%;
	max-height: 300px;
*height:300px;
	text-align: center;
	display: block;
	vertical-align: top;
}
.hhmainrprotit {
	text-align: center;
	position: absolute;
	text-align: center;
	left: 0;
	display: block;
	bottom: 0;
	width: 100%;
	color: #fff;
	z-index: 9;
}
.hhmainrprobg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 6;
	background: #000;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
}
.hhmainrprotit span {
	display: inline-block;
	width: 90%;
	overflow: hidden;
	zoom: 1;
	vertical-align: top;
}
.hhmainrprobg, .hhmainrprotit {
	line-height: 35px;
	height: 35px;
}
.hhmainrproul li:hover {
	border: 1px solid #289928;
}
.hhmainrproul li:hover .hhmainrprotit {
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	height: 100%;
	z-index: 66;
}
.hhmainrproul li:hover .hhmainrprobg {
	height: 100%;
}
.hhmainrproul li:hover .hhmainrproimg img {
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
}
.hhpage {
	text-align: right;
	padding: 30px 0;
	padding-bottom: 60px;
}
.hhpage li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	color: #666;
}
.hhpage li.thisclass a {
	color: #c30d23;
}
.hhpage a:hover {
	text-decoration: underline;
}
.hhmainrnew {
	overflow: hidden;
	padding-top: 20px;
}
.hhmainrnew, .hhmainrnew li {
	line-height: 42px;
	overflow: hidden;
	float: left;
	width: 100%;
	border-bottom: 1px dashed #ccc;
}
.hhmainrnewm p a{
	font-weight: bold;
}
.hhmainrnewm div, .hhmainrnew li div {
	line-height: 22px;
	padding-left: 12px;
	padding-bottom: 5px;
	color: #666;
	font-size: 13px;
}
.hhmainrnewm span, .hhmainrnew li span {
	float: right;
	color: #666;
}
.hhmainrnewm em, .hhmainrnew li em {
	padding-right: 5px;
}
.hhmainrnewm:hover em, .hhmainrnew li:hover em, .hhmainrnewm:hover a, .hhmainrnew li:hover a {
	color: #55a9e1;
}
.hhmainrnewtit, .hhmainr h1 {
	text-align: center;
	font-size: 18px;
	padding-top: 30px;
}
.hhmainrnewother {
	text-align: center;
	font-size: 13px;
	color: #666;
	padding-top: 10px;
}
.hhmainrnewother1 {
	padding-bottom: 15px;
}
.hhmainrnewother span {
	padding-right: 10px;
}
.hhmainpubtxt {
	text-align: justify;
	line-height: 28px;
	overflow: hidden;
	padding: 25px 0;
}
.hhmainr .plr25p h1, .hhmainrpropagetit {
	text-align: left;
	padding-bottom: 10px;
}
.hhmainr {
	padding-bottom: 40px;
}
.Newamsxp {
	font-size: 15px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.Newamsxp p {
	padding-bottom: 5px;
}
.hhmainalginl, .hhmainrnewother1 {
	text-align: left;
}
.searchdetail {
	text-align: center;
	padding-top: 30px;
}
.searchdetaillist {
	padding: 0 50px;
	padding-top: 80px;
}
.searchdetaillist a {
	font-size: 16px;
}
.searchdetaillist li {
	padding-bottom: 20px;
	margin-top: 20px;
	border-bottom: 1px dashed #ccc;
}
.searchdetaillist p {
	padding-top: 10px;
}
.fc_03c {
	color: #ff0000;
}
.Newamsxph6 {
	font-size: 18px;
	padding-bottom: 10px;
}
.Newamother {
	overflow: hidden;
	padding-bottom: 10px;
}
.Newamotherm {
	float: left;
	width: 50%;
	border-bottom: 1px solid #ccc;
	line-height: 40px;
}
.Newamotherm a {
	display: inline-block;
	width: 90%;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	vertical-align: top;
}
.plr25p {
	padding: 0 25px;
}
.backtop {
	cursor: pointer;
	position: fixed;
	display: block;
	left: 50%;
	margin-left: 610px;
	bottom: 100px;
	z-index: 55;
	background: url(../images/backtop.png) center no-repeat #ceb992;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.hhmainrproul li, .hhmainlul > li, .hhmainlm, .hhmainlma, .hhmainrprobg, .emb, .hhmainrprom, .hhmainrprotit, .hhmainrproimg img, .hhmainrnewm:hover em, .Navlist li {
	transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
	-webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
	-moz-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
.Copy img {
	vertical-align: middle;
}
.navi {
	display: none;
}
.hhmainrprodesc {
	padding-top: 20px;
}
.plr25p .hhmainrprom {
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.plr25p .hhmainrproul li, .plr25p .hhmainrprom {
	margin-top: 20px;
	margin-right: 11px;
}
.plr25p .hhmainrpro {
	padding: 0;
	padding-bottom: 15px;
}
.hhmain {
	padding-bottom: 100px;
}
.pubcontact {
	background: #f8f8f8;
	padding: 15px;
	line-height: 24px;
	overflow: hidden;
}
.pubcontact td {
	vertical-align: top;
}
#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	background-color: #222;
	background-color: rgba(0,0,0,0.8);
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}
#baguetteBox-overlay.visible {
	opacity: 1;
}
#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}
#baguetteBox-overlay .full-image figure {
	display: inline;
	margin: 0;
	height: 100%;
}
#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.6);
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
}
#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	white-space: normal;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0,0,0,0.6);
	font-family: sans-serif;
}
#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}
#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, transform .4s ease;
	transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease;
}
#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight .4s ease-out;
	animation: bounceFromRight .4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft .4s ease-out;
	animation: bounceFromLeft .4s ease-out;
}
@-webkit-keyframes bounceFromRight {
0% {
margin-left:0;
}
50% {
margin-left:-30px;
}
100% {
margin-left:0;
}
}
@keyframes bounceFromRight {
0% {
margin-left:0;
}
50% {
margin-left:-30px;
}
100% {
margin-left:0;
}
}
@-webkit-keyframes bounceFromLeft {
0% {
margin-left:0;
}
50% {
margin-left:30px;
}
100% {
margin-left:0;
}
}
@keyframes bounceFromLeft {
0% {
margin-left:0;
}
50% {
margin-left:30px;
}
100% {
margin-left:0;
}
}
.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px;
}
.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: none;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50,50,50,0.5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color .4s ease;
	transition: background-color .4s ease;
}
.baguetteBox-button:focus, .baguetteBox-button:hover {
	background-color: rgba(50,50,50,0.9);
}
.baguetteBox-button#next-button {
	right: 2%;
}
.baguetteBox-button#previous-button {
	left: 2%;
}
.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px;
}
.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0;
}
.baguetteBox-spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}
.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out;
}
.baguetteBox-double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform:scale(0);
transform:scale(0);
}
50% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@keyframes bounce {
0%, 100% {
-webkit-transform:scale(0);
-moz-transform:scale(0);
transform:scale(0);
}
50% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1);
}
}