#heading h3 {
	text-align: center;
}



  .example {
    display: block;
    position: relative;
    padding: 5px;
    margin: 0;
  }
  .example ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .example li {
    display: block;
    float: left;
    margin: 5px 10px;
    padding: 0;
	width:280px;
  }
    .example li img {
      display: block;
      margin: 0;
    }

.demo {
  display: block;
  position: relative;
  margin: 0 0 50px 0;
}

pre, code {
  font-family: Monaco, monospace;
  overflow: hidden;
}

pre.prettyprint {
  padding: 0;
  border: none;
  max-width: 100%;
  overflow: hidden;
}

.tag {
	color: #3C4348;
}

.atv, .str, .kwd, .lit {
	color: #A0D0AB;
}

.pun, .opn, .clo, .atn {
	color: #3C4348;
}

.com {
	color: #C4CDD2;
}


.body-subcontainer {
  width: 690px;
  margin: 0 auto;
}

.body-subcontainer.responsive-width-demo {
  width: auto;
  min-width: 315px;
}

.shhy_gundong ul li a, .Box_con .conbox2 ul li a{ display: block; text-align: center;}
.shhy_gundong ul li img {display:inline-block;  text-align: center;  max-width: 100%; max-height: 100%; vertical-align: middle;transition: all 0.5s; width:211px; height:255px; margin: 4px auto 0 auto; border:5px solid #f5f5f5;}
.shhy_gundong ul li:hover{ box-shadow:0px 3px 9px 1px rgba(0,0,0,0.30);-moz-box-shadow:0px 3px 9px 1px rgba(0,0,0,0.30);-webkit-box-shadow:0px 3px 9px 1px rgba(0,0,0,0.30); z-index:1;}
.shhy_gundong ul li span{ display: block; text-align: center; width: 150px; height: 35px; line-height: 35px; color: #fff; background-color: #138DF2; border-radius: 30px; font-size: 18px; margin: 13px auto;}
.shhy_gundong ul li i{ display: block; font-style: normal; text-align: center; width: 93%; font-family: 14px;line-height: 22px; color: #555; height:22px; overflow:hidden; margin:auto;}
.microfiche-screen{ height:424px;}
.microfiche-film{ height:424px;}