body 
{
    font-family:Verdana;
	font-size: 12px;
	line-height: 18px;
    text-align: center;
	background:#F5F5EF;
	margin:0 auto;
	background-color:#e8e4e4;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
/*默认黑色链接*/
a:link {color: #353F96;text-decoration: none;}
a:visited {color: #353F96; text-decoration: none;}
a:hover {color: #353F96;text-decoration: none; text-decoration:underline}
a:active {color: #353F96; text-decoration: none;}

.webDiv{ width:1200px;  height:auto; background-color:#F8F8F8; margin:0 auto;}
.webTop{ width:1200px;  min-height:150px; background-color:#F8F8F8; margin:0 auto;}

.topDiv{ width:1200px; height:150px; text-align:left; display:block; overflow:hidden; margin:0 auto;   }
.topDiv .s1{ width:1200px; height:100px; float:left; display:inline; position:relative; overflow:hidden; text-align:left;}
.topDiv .s1 img{ text-align:center; margin-left:20px;  border:0px; float:left;}
.topDiv .s2{ width:1200px; height:50px; float:left; display:inline; position:relative; overflow:hidden; text-align:left;}

.topLinkDiv{ width:500px; height:20px; text-align:right; margin-top:35px; float:right; }
.topLinkDiv img{ border:0px;}
.topLinkDiv a{ width:auto; color:#FFFFFF; }
.topLinkDiv a:hover{ color:#FFFFFF; text-decoration: none;}

.topMenuDiv{ width:100%; height:50px;text-align:left; }
.menu { width:1200px; height:50px; text-align:left; line-height:50px;  background-color:#2B8C00; margin:0 auto; float:left;}
.menu li { width:auto;  height:50px;  text-align:center; float:left;  }
.menu li a{min-width:130px; height:50px; color:#FFFFFF; line-height:50px;   text-align:center; font-size:18px;  display:block; }
.menu li a:hover{ color:#FFFFFF; text-decoration: none;  }
.menu li .now{min-width:120px;  height:50px; text-align:center; text-decoration: none; color:#FFFFFF;font-size:20px; display:block;}
.menu li .now:hover{ color:#FFFFFF }

.indexAd{ width:1200px; height:350px; overflow:hidden; }

.div1200px{ width:1200px; height:auto; margin:0 auto; text-align:left;  background-color:#FFFFFF;}
.div1000px{ width:1000px; height:auto; margin:0 auto; text-align:left; background-color:#FFFFFF;}
.div1200pxWhite{ width:1200px; height:auto; margin:0 auto; text-align:left;background-color:#FFFFFF; }
.div1100px{ width:1100px; height:auto; margin:0 auto; text-align:left; background-color:#FFFFFF;}
.div592px{width:592px; height:120px;  text-align:left;  float:left; display:inline; position:relative; overflow:hidden;}
.div600px{width:600px; height:380px;  text-align:left;  float:left; display:inline; position:relative; overflow:hidden;}

.left880px{ width:880px; height:auto;  text-align:left; background-color:#FFFFFF; margin-right:20px; float:left; display:inline; position:relative; overflow:hidden;}
.right300px{ width:300px; height:auto;  text-align:left; background-color:#FFFFFF; float:left; display:inline; position:relative; overflow:hidden;}
.leftBody{ width:100%; height:auto; background-color:#FFFFFF; text-align:left;}

.indexTitle{width:100%; height:44px; text-align:left; font-size:18px; line-height:45px; background:url(/images/arrow1.jpg) no-repeat 20px 5px; text-indent:60px; border-bottom:1px #087728 solid; }
.moreCss{ width:auto; height:44px; line-height:50px; float:right; font-size:12px; }
.moreCss img{ border:0px; }
.infoButton{ width:80px; height:20px; line-height:20px; text-align:center; background-color:#70AD47; border:1px solid #41719C; color:White; display:block; margin-right:50px; margin-top:20px;}

.indexLeftTitle{ width:100%; height:45px; line-height:45px; font-size:18px; text-align:left; text-indent:40px; color:#FFFFFF;  background:url(/images/leftArrow.png) no-repeat 5px 8px; background-color:#298002;}

.indexImgNews{width:380px; height:280px;  text-align:left;  float:left; display:inline; position:relative; overflow:hidden; margin-top:10px; margin-left:10px; margin-right:50px;}
.indexNewsList{width:760px; height:280px;  text-align:left;  float:left; display:inline; position:relative; overflow:hidden; margin-top:10px;}
.indexNewsList li{ width:740px; height:29px; font-size:14px; text-align:left; overflow:hidden; background:url(/images/arrow.png) no-repeat 5px 11px; border-bottom:1px dashed #5BD254;float:left; line-height:29px;}
.indexNewsList li a{ width:auto; height:25px;  text-indent:20px; color:#000000; line-height:25px; text-align:left; font-size:14px;  float:left;}
.indexNewsList li a:hover{ color:red; text-decoration: none;}
.indexNewsList li .leftDays{ width:120px; float:right; color:#666666;}

.enImgNews{width:380px; height:270px;  text-align:left;  float:left; display:inline; position:relative; overflow:hidden; margin-top:10px; margin-left:10px; margin-right:20px;}
.enNewsList{width:700px; height:280px;  text-align:left;  float:left; display:inline; position:relative; overflow:hidden; margin-top:10px; margin-left:70px;}
.enNewsList li{ width:700px; height:29px; font-size:14px; text-align:left; overflow:hidden; background:url(/images/arrow.png) no-repeat 5px 11px; border-bottom:1px dashed #5BD254;float:left; line-height:29px;}
.enNewsList li a{ width:700px; height:25px;  text-indent:20px; color:#000000; line-height:25px; text-align:left; font-size:14px;  float:left;}
.enNewsList li a:hover{ color:red; text-decoration: none;}



.indexAbout{ width:1000px; min-height:200px;  text-align:left; line-height:30px;  margin:0 auto; }
.indexAbout .leftimg{ width:280px; height:auto; text-align:left; float:left; display:inline; position:relative; overflow:hidden; }
.indexAbout .rightAbout{ width:700px; height:360px; text-align:left; float:left; display:inline; position:relative; overflow:hidden; }

.indexIntro{ width:1100px; min-height:200px;  text-align:left; line-height:30px;  margin:0 auto; }
.indexIntro .leftIntroImg{ width:460px; height:420px; text-align:left; float:left; display:inline; position:relative; overflow:hidden; }
.indexIntro .rightIntroBody{ width:600px; height:360px; text-align:left; float:left; display:inline; position:relative; overflow:hidden; }
.indexIntro .rightIntroBody .indexIntroTitle{ width:600px; height:30px; line-height:30px; margin-top:100px;color:#149409; font-size:20px; font-weight:bold;}
.indexIntro .rightIntroBody .indexIntroBody{ width:530px; height:250px; line-height:30px; text-align:left; margin-top:20px; overflow:hidden; }

.product{ width:1000px; min-height:510px; text-align:left; margin-left:10px; padding-top:10px;}
.product li{ width:1000px; height:140px; font-size:14px; text-align:left; overflow:hidden; float:left; line-height:28px;  margin-bottom:30px;}
.product li .t1{ width:200px; height:auto; text-align:left; float:left; display:inline; position:relative; overflow:hidden;}
.product li .t1 img{ border:0px; width:160px; height:120px;}
.product li .t2{ width:780px; height:auto; text-align:left; float:left; display:inline; position:relative; overflow:hidden;}

.orderButton{ width:150px; height:35px; line-height:35px; text-align:center; color:White; font-size:14px; font-weight:bold; background-color:#229418; display:block;}

.orderCss{ width:600px; height:auto; margin:0 auto; line-height:30px;}

.centerBoxTop{ width:434px; height:35px; text-align:left; color:#149409; font-size:16px; font-weight:bold; line-height:35px; background:url(/images/box434Top.jpg) no-repeat; text-indent:35px; margin-top:5px;}
.centerBoxBg{ width:432px; border-bottom:1px solid #d5dedd; border-left:1px solid #d5dedd; border-right:1px solid #d5dedd;}
.centerBoxLi li{ width:420px; height:25px; font-size:14px; text-align:left; margin-left:5px; overflow:hidden; background:url(/images/arrow.gif) no-repeat 5px 8px; border-bottom:1px dashed #5BD254;float:left; line-height:25px;}
.centerBoxLi li a{ width:420px; height:25px;  text-indent:20px; color:#000000; line-height:25px; text-align:left; font-size:14px;  float:left;}
.centerBoxLi li a:hover{ color:red; text-decoration: none;}

.box386Top{ width:386px; height:35px; text-align:left; color:#149409; font-size:16px; font-weight:bold; line-height:35px; background:url(/images/box386Top.jpg) no-repeat; text-indent:35px; margin-top:5px;}
.box386Bg{ width:384px; height:400px; border-bottom:1px solid #d5dedd; border-left:1px solid #d5dedd; border-right:1px solid #d5dedd;}
.box386Bg li{ width:384px; height:49px; font-size:14px; text-align:left; overflow:hidden;  border-bottom:1px dashed #dddddd; float:left;}
.box386Bg li a{  color:#620465; text-align:left; font-size:14px;  float:left;}
.box386Bg li a:hover{ color:red; text-decoration: none;}
.box386Bg li .t1{ width:384px; height:25px; line-height:25px; text-indent:10px; text-align:left; float:left; display:inline; position:relative; overflow:hidden;}
.box386Bg li .t2{ width:384px; height:20px; color:#999999; background:url(/images/newsArrow.jpg) no-repeat 10px 5px; text-indent:20px; line-height:20px;  text-align:left; float:left; display:inline; position:relative; overflow:hidden;}

.rightBoxTop{ width:100%; height:100px; text-align:left; color:#149409; font-size:20px; font-weight:bold; line-height:150px; text-indent:50px; border-bottom:1px #666666 dashed; }
.rightBoxBg{min-height:838px; background:url(/images/bodyBg840.jpg) repeat-y;}
.rightBoxBg2{background:url(/images/bodyBg838.jpg) repeat-y;}
.rightBoxDown{ width:840px; height:20px; background:url(/images/bodyDown840.jpg) no-repeat;}

.rightRemak{ width:1100px; min-height:500px; text-align:left; padding-top:15px; margin:0 auto;}
.rightRemak img{ max-width:900px;}

.rightRemak li{ width:692px; height:30px; font-size:14px; text-align:left; overflow:hidden;  border-bottom:1px dashed #5BD254;float:left; line-height:30px;}
.rightRemak li a{ width:auto; height:30px;  text-indent:20px; color:#000000; line-height:30px; text-align:left; font-size:14px;  float:left;}
.rightRemak li a:hover{ color:red; text-decoration: none;}
.rightRemak .t1{ width:572px; height:auto; text-align:left; float:left; display:inline; position:relative; overflow:hidden;}
.rightRemak .t2{ width:120px; height:auto; text-align:center; float:left; display:inline; position:relative; overflow:hidden;}

.rightRemak2{ width:1200px; min-height:600px; text-align:left; }


.rightRemak3{ width:800px; min-height:500px; text-align:left; line-height:25px;  padding-top:10px; margin:0 auto;}
.rightRemak3 img{ max-width:780px; text-align:center;}

.newsList li{ width:1100px; height:40px; font-size:14px; text-align:left; overflow:hidden;  border-bottom:1px dashed #dddddd; padding-top:10px; float:left;}
.newsList li a{ width:auto; height:40px;  color:#4a4b4d; line-height:40px; text-align:left; font-size:14px;  float:left;}
.newsList li a:hover{ color:red; text-decoration: none;}
.newsList li .t2{ width:150px; height:40px; line-height:40px; text-indent:10px; text-align:left; float:left; display:inline; position:relative; overflow:hidden;}
.newsList li .t1{ width:950px; height:40px; color:#8a8a8a; background:url(/images/arrow.png) no-repeat 5px 16px; text-indent:20px; line-height:20px;  text-align:left; float:left; display:inline; position:relative; overflow:hidden;}


.productDiv{ width:1000px; min-height:500px; margin-bottom:5px; margin-top:10px;}
.productDiv li{ width:800px; height:140px; text-align:left; vertical-align:top;  overflow:hidden; float:left; line-height:30px; margin-bottom:10px;}
.productDiv li img{ width:160px; height:120px; text-align:left; vertical-align:top; border:0px; float:left; margin-right:10px; }
.productDiv li a{  color:#705870; text-align:left; font-size:12px;  display:block;}
.productDiv li a:hover{ color:red; text-decoration: none;}

.userListDiv li{ width:300px; height:280px; text-align:center; line-height:30px; float:left; display:inline; position:relative; overflow:hidden;  }
.userListDiv li img{ width:280px; height:196px; margin-left:6px; margin-top:16px; border:0px; border:4px #eeeeee solid;}


.userListDiv2 li{ width:292px; height:260px; text-align:center; line-height:30px; float:left; display:inline; position:relative; overflow:hidden;  }
.userListDiv2 li img{ width:280px; height:196px; margin-left:6px; margin-top:16px; border:0px; border:4px #eeeeee solid;}


.lineDiv{ width:432px; height:25px; background-color:#eeeeee; line-height:25px;}
.lineDiv .showDiv{ width:80px; height:25px; text-align:center; font-weight:bold; float:left;}
.lineDiv .showDivNow{ width:80px; height:25px; text-align:center; background-color:#21A212;  color:#FFFFFF; font-weight:bold; float:left;}
.lineListDiv li{ width:420px; height:25px; font-size:14px; text-align:left; margin-left:5px; overflow:hidden; background:url(/images/arrow.gif) no-repeat 5px 8px; border-bottom:1px dashed #5BD254;float:left; line-height:25px;}
.lineListDiv li a{ width:420px; height:25px;  text-indent:20px; color:#000000; line-height:25px; text-align:left; font-size:14px;  float:left;}
.lineListDiv li a:hover{ color:red; text-decoration: none;}

.pageDiv{ width:100%; height:30px; text-align:center; line-height:30px; padding-bottom:10px; float:left;}

.netlinkTopDiv{ width:1180px; height:auto; margin:0 auto;  background-color:#F3F9F9; border:1px solid #d5dedd} 
.netlinkDown{ width:1200px; height:21px; background:url(/images/netLinkDown.jpg) no-repeat;}

.netLinkBox{ width:1180px; min-height:60px; text-align:left; text-indent:10px; line-height:28px; margin-left:10px; }
.netLinkBox li{ width:215px; height:28px; text-align:left;overflow: hidden; line-height:28px; border:1px #eeeeee dashed; margin-right:15px; margin-top:15px; margin-bottom:5px; float:left; display:inline; position:relative; overflow:hidden;}
.netLinkBox li a{ color:#000000;}
.netLinkBox li a:hover{ color:#9c3574;}

.netLinkBox .imgLink{ width:118px; height:90px; text-align:center; float:left; display:inline; position:relative; overflow:hidden;}
.netLinkBox .imgLink img{ width:70px; height:70px; border:0px; margin-top:10px; }


.CopyRight{ width:1200px; height:150px; text-align:center; margin:0 auto; background-color:#999999}
.copyRightImg{ width:400px; height:150px; text-align:right; float:left; display:inline; position:relative; overflow:hidden; margin-right:30px; }
.copyRightText{ width:600px; height:auto; text-align:left; float:left; display:inline; position:relative; overflow:hidden;}

.articleTitleCss{ width:100%; min-height:80px; font-size:16px;  text-align:center; vertical-align:bottom; line-height:80px; font-weight:bold; border-bottom:1px dashed green}
.articleInfoCss{ width:100%; height:25px; background-color:#eeeeee; text-align:right; color:#999999}
.articleBodyCss{ line-height:25px; font-size:14px; text-align:left;}

.imgOpacity  { opacity:.2;  -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition:all 0.2s ease-out}
.imgOpacity:hover { opacity:1; -moz-opacity:1;-o-opacity:1;}

/* 清理浮动 */
.clearFix:before, .cf:after { content:""; display:table; }
.clearFix:after{ clear:both;}
.clearFix { zoom:1;}
 /* 无敌清理浮动 */
html body div.clear,
html body span.clear
{
     background: none;
     border: 0;
     clear: both;
     display: block;
     float: none;
     font-size: 0;
     margin: 0;
     padding: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}

.yellowCss {color: #FF6600;}
.yellow14B {color: #FF6600;	font-size: 14px;font-weight: bold;}
.yellow14 {	color: #FF6600;	font-size: 14px;}
.black14B {	color: #000000;	font-size: 14px;	font-weight: bold;}
.black20B {	color: #000000;	font-weight: bold;	font-size: 20px;}
.whiteCss {	color: #FFFFFF;}
.white14B {	color: #FFFFFF;	font-weight: bold;	font-size: 14px;}
.white14 { color: #FFFFFF;	font-size: 14px;}
.blackCss {	color: #666666;}
.black14B {	color: #333333;	font-weight: bold;	font-size: 14px;}
.greedCss {	color: #005F00;}
.greed14B {	color: #005F00;	font-weight: bold;	font-size: 14px;}
.greed16B {	color: #005F00;	font-weight: bold;	font-size: 16px;}
.greedB { color: #005F00;	font-weight: bold;}
.yellow14B { color: #FF3300;	font-weight: bold;	font-size: 14px;}
.white16B {	color: #FFFFFF;	font-weight: bold;	font-size: 20px;}
.redCss{color:Red; }
.red14B{color:Red;font-weight: bold;	font-size: 14px;   }    
.blueCss{color:#0062BE; }
.blue14B{color:#0062BE;font-weight: bold;	font-size: 14px;   }    
.blue14{color:#0062BE;	font-size: 14px;  }     
.PurpleCss{ color:#7F1B76;   } 
.PurpleCss14B{ color:#000000; font-weight: bold;font-size: 14px; }	   

.global_tools{width:120px; height:100%; 
position: fixed;
top:0px; right:0px; 
overflow:hidden;
z-index:900}

.global_tools_bg{width:35px; height:100%; 
background: transparent url("/images/tools.png") repeat;/*透明*/
position: fixed;
top:0px; right:0px; 
color:#ffffff;
overflow:hidden;
right:0px;}



.global_tools .fav{width:100%; height:80%;}

.global_tools .weibo{width:35px; 
height:35px;
text-align:center; 
background:url(/images/weibo.gif) no-repeat right center;  
cursor:pointer;
z-index:991;
position:relative;
margin-left:85px;
margin-bottom:15px;
}

.global_tools .liuyan{width:35px; 
height:35px;
text-align:center; 
background:url(/images/liuyan.gif) no-repeat right center;  
cursor:pointer;
z-index:991;
position:relative;
margin-left:85px;
margin-bottom:15px;
}

.global_tools .backtop{width:35px; 
display:block;
height:35px;
text-align:center; 
background:url(/images/top.gif) no-repeat right center;  
cursor:pointer;
z-index:901;
position:relative;
margin-left:85px;
}

.global_tools .bdshare{width:35px; 
display:block;
height:35px;
text-align:center; 
cursor:pointer;
z-index:991000;
position:relative;
margin-left:85px;
}






/*-tips-*/

.hint, [data-hint] {
  position: relative;
  display: inline-block;
  /**
   * tooltip arrow
   */
  /**
   * tooltip body
   */ }
  .hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms; }
  .hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
    visibility: visible;
    opacity: 1; }
  .hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    transition-delay: 100ms; }
  .hint:before, [data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001; }
  .hint:after, [data-hint]:after {
    content: attr(data-hint);
    background: #383838;
    color: white;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap; }

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 * 	1) hint--top
 * 	2) hint--bottom
 * 	3) hint--left
 * 	4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top:before {
  border-top-color: #383838; }

.hint--bottom:before {
  border-bottom-color: #383838; }

.hint--left:before {
  border-left-color: #383838; }

.hint--right:before {
  border-right-color: #383838; }

/**
 * top tooltip
 */
.hint--top:before {
  margin-bottom: -12px; }
.hint--top:after {
  margin-left: -18px; }
.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%; }
.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(xpx);
  transform: translateY(-8px); }

/**
 * bottom tooltip
 */
.hint--bottom:before {
  margin-top: -12px; }
.hint--bottom:after {
  margin-left: -18px; }
.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%; }
.hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

/**
 * right tooltip
 */
.hint--right:before {
  margin-left: -12px;
  margin-bottom: -6px; }
.hint--right:after {
  margin-bottom: -14px; }
.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%; }
.hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * left tooltip
 */
.hint--left:before {
  margin-right: -12px;
  margin-bottom: -6px; }
.hint--left:after {
  margin-bottom: -14px; }
.hint--left:before, .hint--left:after {
  right: 76%; /*控制tips位置*/
  bottom: 50%; }
.hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

/**
 * source: hint-theme.scss
 *
 * Defines basic theme for tooltips.
 *
 */
.hint, [data-hint] {
  /**
   * tooltip body
   */ }
  .hint:after, [data-hint]:after {
    text-shadow: 0 -1px 0px black;
   /* box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); */ 
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); /*阴影控制*/
} 

/**
 * source: hint-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 *
 * Classes added:
 * 	1) hint--error
 * 	2) hint--warning
 * 	3) hint--info
 * 	4) hint--success
 *
 */
/**
 * Error
 */
.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0px #592726; }
.hint--error.hint--top:before {
  border-top-color: #b34e4d; }
.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d; }
.hint--error.hint--left:before {
  border-left-color: #b34e4d; }
.hint--error.hint--right:before {
  border-right-color: #b34e4d; }

/**
 * Warning
 */
.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0px #6c5328; }
.hint--warning.hint--top:before {
  border-top-color: #c09854; }
.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854; }
.hint--warning.hint--left:before {
  border-left-color: #c09854; }
.hint--warning.hint--right:before {
  border-right-color: #c09854; }

/**
 * Info
 */
.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0px #193b4d; }
.hint--info.hint--top:before {
  border-top-color: #3986ac; }
.hint--info.hint--bottom:before {
  border-bottom-color: #3986ac; }
.hint--info.hint--left:before {
  border-left-color: #3986ac; }
.hint--info.hint--right:before {
  border-right-color: #3986ac; }

/**
 * Success
 */
.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0px #1a321a; }
.hint--success.hint--top:before {
  border-top-color: #458746; }
.hint--success.hint--bottom:before {
  border-bottom-color: #458746; }
.hint--success.hint--left:before {
  border-left-color: #458746; }
.hint--success.hint--right:before {
  border-right-color: #458746; }

/**
 * source: hint-always.scss
 *
 * Defines a persisted tooltip which shows always.
 *
 * Classes added:
 * 	1) hint--always
 *
 */
.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible; }
.hint--always.hint--top:after, .hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }
.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }
.hint--always.hint--left:after, .hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }
.hint--always.hint--right:after, .hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * source: hint-rounded.scss
 *
 * Defines rounded corner tooltips.
 *
 * Classes added:
 * 	1) hint--rounded
 *
 */
.hint--rounded:after {
  border-radius: 4px; }

/**
 * source: hint-effects.scss
 *
 * Defines various transition effects for the tooltips.
 *
 * Classes added:
 * 	1) hint--no-animate
 * 	2) hint--bounce
 *
 */
.hint--no-animate:before, .hint--no-animate:after {
  -webkit-transition-duration: 0ms;
  -moz-transition-duration: 0ms;
  transition-duration: 0ms; }

.hint--bounce:before, .hint--bounce:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); }


.weather{width:400px; height:50px;margin:0 auto; float:left; text-align:right; padding-top:15px;}

.mzsm{width:95%; height: auto !important; overflow:hidden !important; overflow:hidden; margin:0 auto; line-height:24px; background:#f4f0f0; padding:10px; color:#989494;}