/*  

Theme Name: MM2014

Theme URI: http://www.xlzfz.com/

Description: 夸张、简洁

Version: 1.3

Author: 猫猫

Author URI: http://www.xlzfz.com/


*/

html {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; height: 101%;}
body {font-size: 16px;-ms-word-break: break-all;word-break: break-all;word-break: break-word;word-wrap: break-word;overflow-wrap: break-word;background: #f9f9f9;color: #747f8c;font-family: "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; padding-top: 50px; overflow-x: hidden; position: relative;}

a {color: #555;}
a:hover {color: #000; text-decoration: none;}

.navbar-inverse .navbar-brand {color: #fff;}
#top-nav form {margin-right: 0; width: 30%;}
#top-nav form .form-control,#top-nav form .input-group-addon {border-color: #000; background: #000;}
form .input-group-addon {cursor: pointer;}

.container {width: 100%; padding-left: 0; padding-right: 0;}
.row {margin-left: 0; margin-right: 0;}
.col {padding-left: 0; padding-right: 0;}

img {max-width: 100%;}
.img-div {display: block; overflow: hidden; position: relative;}
.img-div img {max-width: none!important; width: 100%;}
.img-div span {position: absolute; left: 0; top:0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40); z-index: 9;}
.img-div h4 {position: absolute; bottom: 40px; text-align: center; padding:0 40px; z-index: 10; color: #fff; width: 100%; line-height: 40px;}

.animated {transition:top 0.5s;-moz-transition:top 0.5s;-webkit-transition:top 0.5s;-o-transition:top 0.5s;}
.animated.slideDown {top:0px;}
.animated.slideUp {top:-80px;}

#tools {position: fixed; right: -400px; top:0; bottom: 0; background: #f5f5f5; z-index: 999; width: 400px; padding: 90px 40px 15px;}
#tools span.bg {position: absolute; left: -10px;; right: 0; top:0; bottom: 0; background: #fff; opacity: 0.5; filter: alpha(opacity=50); z-index: -1; display: block; width: 10px; cursor: pointer;}
#tools ul {padding: 0; margin: 0;}
#tools li {list-style: none; padding: 0; margin: 0;}
.tools {margin-bottom: 25px;}

#backtotop {position: fixed; right: 40px; bottom: 40px; font-size: 50px; color: #fff; opacity: 0.5; filter: alpha(opacity=50); z-index: 15;}
#backtotop:hover {color: #34dafd;}

#pagenav {position: absolute; bottom: 40px; width: 150px; text-align: center; z-index: 90; left: 50%; margin-left: -75px;}
#pagenav span {position: absolute; left: 0; top:0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; background: #fff; opacity: 0.5; filter: alpha(opacity=50); z-index: 9;}
#pagenav a {display: block; position: relative; z-index: 10; line-height: 40px; background: #34dafd; color: #fff; margin: 10px;}

#single {margin-top: 70px;}