/*!
 * Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */


.effects{ width:100%; height:auto; padding-bottom:150px;overflow: hidden;padding-top:50px;}
.ming{ width:100%; height:165px; background:#f7f7f7;padding-top:20px; text-align:center;}
.ming h1{ display:block; width:100%;height:50px;margin:0px; font-family:"Microsoft YaHei";
  font-size:16px; font-weight:normal;
  text-align:center;
  color: #3f4244; background: url(../../images/jdl/ming.png) no-repeat bottom;}
.ming span{ display:block; width:100%; height:75px;font-family:"Microsoft YaHei";
  font-size:12px;padding-top:20px;
  text-align:center;
  color: #929ba0;}
[class^='imghvr-'],
[class*=' imghvr-'] {
  position: relative;
  display: inline-block;
  margin: 0px;
  max-width: 100%;
  margin:0px; padding:0px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  height:465px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {
  vertical-align: top;width: 100%;
  height:300px;
  margin:0px;
  padding:0px;

}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
  background-color: inherit;
  margin:0px; padding:0px;
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
[class^='imghvr-'] h3,
[class*=' imghvr-'] h3 {
  margin: 0;
  padding: 0;
  font-family:"Microsoft YaHei";
  font-size:16px;
  text-align:center;
  color: #f7f7f7;
  background:#201f25;
  display:block;
  width:100%; height:90px;
  padding-top:20px;
  position: absolute;
  bottom: 75px;
  
}
[class^='imghvr-'] h2,
[class*=' imghvr-'] h2 {
  display:block;
  margin: auto;
  padding: 0;
  font-family:"Microsoft YaHei";
  width:90px;
  height:300px;
   position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  

}
[class^='imghvr-'] p,
[class*=' imghvr-'] p {
  margin: 0;
  padding: 0;
  font-family:"Microsoft YaHei";
  font-size:12px;
  text-align:center;
  color: #929ba0;
  background:#201f25;
  display:block;
  width:100%; height:75px;
   position: absolute;
  bottom: 0;
}
[class^='imghvr-'] a,
[class*=' imghvr-'] a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  
}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

/* imghvr-reveal-*
   ----------------------------- */
[class^='imghvr-reveal-']:before,
[class*=' imghvr-reveal-']:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background-color: inherit;
}
[class^='imghvr-reveal-'] figcaption,
[class*=' imghvr-reveal-'] figcaption {
  opacity: 0;
  margin:0px; padding:0px;
}
[class^='imghvr-reveal-']:hover:before,
[class*=' imghvr-reveal-']:hover:before {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
    margin:0px; padding:0px;
}
[class^='imghvr-reveal-']:hover figcaption,
[class*=' imghvr-reveal-']:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
    margin:0px; padding:0px;
  transition-delay: 0.2s;
}
/* imghvr-reveal-up
   ----------------------------- */

/* imghvr-reveal-down
   ----------------------------- */
.imghvr-reveal-down{ width:100%;}
.imghvr-reveal-down:before {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  padding:0px; margin:0px;
}


.button {

  cursor: pointer;
  text-decoration: none;
  /* Prevent highlight 	colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.glow {
	display:block;
	width:680px;
	height:200px;
	background: url(../../images/jdl/rox3.jpg) no-repeat;
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);

}

.glow:hover {
  box-shadow: 0 0 20px rgba(160, 160, 160, 0.6);
  background: url(../../images/jdl/rox3.png) no-repeat;
}