/*
Theme Name: Javin WeiRan
Theme URI: http://www.jiawin.com/love/
Description: 唯然是觉唯网的图片分享社区，以记录美丽、分享美好的创意理念，分享高品质创意、艺术、设计、时尚、插画、摄影、唯美类精美图片。
Author: 觉唯
Author URI: http://www.jiawin.com
E-mail: jwzhong@foxmail.com
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*----------  Global  ----------*/
html,body{font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:24px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0; list-style:none;} 
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;} 
a {color:rgba(0,0,0,.8); text-decoration: none; -webkit-transition:color .1s linear; -moz-transition:color .1s linear; -o-transition:color .1s linear; -ms-transition: color .1s linear; transition:color .1s linear; outline: none; cursor:pointer;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a,img{border:none;}
a.noline:hover{text-decoration:none;}
a.underline{text-decoration:underline;}
input,textarea{outline:none;}
button,input,textarea,select,optgroup,option,file{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; outline:none;}
/* remove button border */
::-moz-focus-inner{border-color:transparent !important;}
/* selection */
::-moz-selection {color:#fff; background:#79ac21; text-shadow: none;}
::selection {color:#fff; background:#79ac21; text-shadow: none;}
/* input */
::-webkit-input-placeholder {color:#A9A9A9;}
input:-moz-placeholder {color:#A9A9A9;}
/* clear */
.clear{clear:both; _height:1px; overflow:hidden; *display:inline;}

/*---------- weiran ----------*/
body {background-color:#efefef; color:#505b65;}
input, textarea {color:#505B65;}
#submit {background:url(../image/icon.png) 0 -76px no-repeat; width:86px; height:38px; color:#FFF; text-align:center; border:0 none; cursor:pointer; line-height:29px; float:right;}
#commentform .submit-disabled {background-position:-86px -76px; color:#888; cursor:not-allowed;}
.form-submit #submit:hover {background-position:0 -291px;}
.form-submit #submit:active {background-position:0 -328px;}
#commentform .submit-disabled:hover {background-position:-86px -76px;}
#commentform .submit-disabled:active {background-position:-86px -76px;}
/*----- header ----*/
#header {padding-top:5px; height:50px; background-color:#fefefe; width:100%;}
.header {position:relative; z-index:9998; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.05),0 1px 0 0 rgba(0,0,0,0.05); -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.05),0 1px 0 0 rgba(0,0,0,0.05); box-shadow:0 2px 2px 0 rgba(0,0,0,0.05),0 1px 0 0 rgba(0,0,0,0.05);}
.header-fixed {position:fixed; left:0; right:0; top:0; -webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.1),0 1px 0 0 rgba(0,0,0,0.05); -moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.1),0 1px 0 0 rgba(0,0,0,0.05); box-shadow:0 3px 5px 0 rgba(0,0,0,0.1),0 1px 0 0 rgba(0,0,0,0.05);}
.header-inner {position:relative; color:#505B65; margin:0 auto;}
.logo {width:270px; height:45px; position:absolute; left:50%; margin-left:-135px;}
.logo img {max-width:100%;}
.left-part, .right-part {position:absolute; height:50px; line-height:45px; top:0;}
.left-part {left:40px;}
.nav {float:left; margin-right:10px; position:relative;}
.nav-link-icon {height:31px; margin-top:7px; width:46px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; background-color:#f8f8f8; position:relative; cursor:pointer; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.06); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.06); -o-box-shadow:inset 0 1px 2px rgba(0,0,0,.06); box-shadow:inset 0 1px 2px rgba(0,0,0,.06);}
.nav-link-icon:hover, .nav-link-icon-active {background-color:#F4F4F4;}
.left-part-nav {width:16px; height:16px; position:absolute; left:50%; top:50%; margin:-8px 0 0 -8px; background:url(../image/icon.png) -180px -195px no-repeat;}
.left-part-nav:hover, .left-part-nav-active {background-position:-180px -230px;}
.left-part-nav-content {display:none; padding-top:12px; position:absolute; left:0; top:45px; z-index:999999;}
.left-part-nav-icon {background:url(../image/icon.png) -3px -270px no-repeat; height:13px; width:27px; display:block; position:absolute; left:10px; top:-1px;}
.left-part-nav-list {background-color:#FFF; -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.45); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.45); -o-box-shadow:0 1px 4px rgba(0,0,0,0.45); box-shadow:0 1px 4px rgba(0,0,0,0.45); height:auto; overflow:hidden; line-height:24px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; width:540px;}
.left-part-nav-list ul {padding:10px 5px; float:left;}
.left-part-nav-list ul a {display:block; padding:5px 10px; min-width:150px; color:#8f8f8f;}
.left-part-nav-list ul a:hover {background: url(../image/icon.png) -37px -366px no-repeat #F4F4F4; color:#505B65;}
.right-part {right:40px; color:#A9A9A9;}
.right-part a {color:#8f8f8f;}
.right-part a:hover {color:#505B65;}
.left-part .nav .left-part-links {border-top:1px dashed #dfdfdf; padding:0; width:100%;}
.left-part-links h3 {padding:10px; color:#888; border-bottom:1px dashed #dfdfdf; background-color:#f8f8f8;}
.left-part-links li {float:right; margin:0; padding:0 10px 5px 0; text-align:right;}
.left-part-links li a {max-width:60px; min-width:10px;}
.left-part-links li a:hover {background:none; text-decoration:underline;}
.textline {margin:0 5px;}
#searchform {float:left; position:relative; line-height:24px;}
#search_text {border:1px solid #DDD; background-color:#FAFAFA; height:19px; margin-top:7px; line-height:15px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; padding:5px 28px 5px 10px; width:140px; float:left; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.06); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.06); -o-box-shadow:inset 0 1px 2px rgba(0,0,0,.06); box-shadow:inset 0 1px 2px rgba(0,0,0,.06); -webkit-transition: all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#search_text:focus {border:1px solid #a3be5f;}
#search_bon {position:absolute; background:url(../image/icon.png) -177px -262px no-repeat; display:block; width:20px; height:20px; right:6px; top:12px; border:0 none; cursor:pointer;}
#search_bon:hover {background-position:-177px -296px;}
#search-count {color:#A9A9A9; margin-bottom:10px;}
#search-count span {color:#8f8f8f; margin:0 2px;}
#search-option {background-color:#FFF; position:absolute; top:38px; left:1px; width:226px; -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.45); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.45); -o-box-shadow:0 1px 4px rgba(0,0,0,0.45); box-shadow:0 1px 4px rgba(0,0,0,0.45); -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; overflow:hidden; display:none;}
#search-option ul li {padding:5px 10px; color:#8f8f8f; height:auto; overflow:hidden; cursor:pointer;}
#search-option ul li:hover {background-color:#F4F4F4; color:#505B65;}
#search-option ul li input {width:auto; float:right; margin-top:6px; border:0 none;}
#search-option ul li label {float:left;}
.search-type-str {position:absolute; color:#A9A9A9; cursor:pointer; left:11px; top:10px; padding-right:15px; background:url(../image/icon.png) right -322px no-repeat;}
.search-type-str-up {background-position:right -347px;}
/*----- container ----*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
#content {padding:20px 0 80px 0; margin: 0 auto; clear:both;}
.item {width:270px; float:left;}
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}
#content .item .item-inner { background:#fff; margin:15px 10px; position:relative; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3); -moz-box-shadow:0 1px 3px rgba(0,0,0,.3); box-shadow:0 1px 3px rgba(0,0,0,.3); -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; overflow:hidden;}
#content .item:hover .item-inner {-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.item .item-title {margin-top:10px; padding:0 10px;}
.item .item-title a, .item .item-title a:hover, .item .item-title a:active, .item .item-title a:focus {color: #505B65;}
.item-img-box {position:relative;}
.item img {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box; height: auto; max-width: 100%; text-align:center; display:block; margin:0 auto;}
.item-img {max-height:800px; overflow:hidden; display:block; position:relative;}
.item-img-more {position:absolute; padding:0 10px; height:28px; line-height:28px; width:230px; text-align:center; background-color:#333; color:#FFF; bottom:0; left:0; opacity:0.5;}
.item-img-stop {background:url(../image/long-img-stop.png) center top repeat-x; width:250px; height:20px; display:block; position:absolute; left:0; top:781px;}
.itemimg-viewlink {position:absolute; top:50%; left:50%; margin:-20px 0 0 -45px; display:none;}
.item-img-box:hover .itemimg-viewlink {display:block;}
.item-img-box:hover .item-img {background-color:#000;}
.item-img-box:hover .item-img img {opacity:0.5;}
.itemimg-viewlink a {width:40px; height:40px; display:block; float:left; text-indent:-999px;}
.itemimg-view {background:url(../image/demos-links.png) left top no-repeat; margin-right:10px;}
.itemimg-links {background:url(../image/demos-links.png) right top no-repeat;}
.item-comment-info {background-color:#FBFBFB; color:#888; border-top:1px solid #F0F0F0; padding-bottom:10px;}
.protected_post_text {height:18px; padding:2px 5px; width:130px; border:1px solid #dfdfdf; margin-right:5px;}
.protected_post_btn {width:60px; height:24px; background-color:#dadada; border:1px solid #cbcbcb; cursor:pointer; color:#FFF;}
#post-0 {text-align:center; padding:30px; color:#8f8f8f;}
#post-0 h1 {font-size:16px; font-weight:bolder;}
#item-category {color:#A9A9A9; margin-bottom:10px;}
#item-category span {font-size:18px; color:#79ac21; margin-right:5px;}
#hot-tags .item-main {padding:10px;}
#hot-tags h2 {color:#79ac21; font-size:14px;}
#hot-tags ul li {float:left;}
#hot-tags ul li a {color:#8f8f8f; float:left; margin:5px 10px 5px 0; padding:2px 10px; background-color:#f8f8f8; display:block; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.06); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.06); -o-box-shadow:inset 0 1px 2px rgba(0,0,0,.06); box-shadow:inset 0 1px 2px rgba(0,0,0,.06); -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -o-transition:all 0.3s; -ms-transition:background 0.3s; transition:background 0.3s;}
#hot-tags ul li a:hover {background-color:#89C228; color:#fff;}
#single-also-like-box {margin:40px 40px 60px 40px;}
/* item-actions */
.item-actions .actions-btn {background:url(../image/icon.png) no-repeat; width:46px; height:38px; line-height:35px; padding-left:42px; position:absolute; cursor:pointer; display:none; z-index:99999;}
#content .item:hover .actions-btn {display:block;}
.item-actions .comment-btn {background-position:0 -38px; left:5px; top:5px;}
.item-actions .comment-btn:active, .item-actions .comment-close {background-position:-86px -38px;}
.item-actions .favourite-btn {background-position:0 0; right:5px; top:5px;}
.item-actions .favourite-close {background-position:-86px 0;}
.item-actions-info {text-align:right; padding:0 10px; margin-bottom:3px; height:24px;}
.item-comment-count {background:url(../image/icon.png) -180px 6px no-repeat; padding-left:17px; margin-right:7px; float:right;}
.item-comment-count:hover {background-position:-180px -25px;}
.heart-this {background:url(../image/icon.png) -180px -126px no-repeat; padding-left:17px; float:right;}
.loved {background-position:-180px -157px;}
.love-loading {display:none; margin-top:4px; float:right; margin-right:7px; width:16px; height:16px; background:url(../image/love-loading.gif) no-repeat;}
.wr-sigle-intro .love-loading {margin-right:5px;}
.love-loading-box {display:none;}
.item-actions-info:hover .love-loading-box{ display:block;}
.item #bdshare {display:none;}
.item:hover #bdshare {display:block;} 
/* comment-list */
.comments-list ol li {height:auto; overflow:hidden; border-bottom:1px dashed #dfdfdf; padding:8px 10px;}
.comments-list ol li:hover {background-color:#f8f8f8;}
.comments-list img {display:inline; margin:0; text-align:left;}
.gravatar {float:left; width:45px; height:45px;}
.comment-text {padding-left:52px; line-height:20px;}
.comment-author {color:#282828; line-height:18px; margin-bottom:4px;}
.no-comment a {color:#888;}
.no-comment a:hover {color:#666;}
.link-comment-all a {text-align:center; display:block; padding:3px 0; background-color:#F4F4F4; border-bottom:1px dashed #E0E0E0; color:#888;}
.link-comment-all a:hover {color:#505B65;}
.waiting-for-approval {float:right;}
/* comment */
.comments-form {padding:10px; display:none;}
.commentClose {width:14px; height:14px; display:block; line-height:12px; text-align:center; -webkit-text-shadow:1px 1px 3px rgba(255,255,255,0.2); -moz-text-shadow:1px 1px 3px rgba(255,255,255,0.2); -o-text-shadow:1px 1px 3px rgba(255,255,255,0.2); text-shadow:1px 1px 3px rgba(255,255,255,0.2); float:right; cursor:pointer;}
.commentClose:hover, #single-box-close:hover {color:#FFF; background-color:#7db128;}
.comments-form label {display:block;}
.comments-form input[type="text"], .comments-form textarea {width:92%; border:1px solid #dfdfdf; padding:5px;}
.comments-form input[type="text"] {height:18px;}
/* author */
#author .item-main {padding:10px;}
#author .item-main p {border-bottom:1px dashed #dfdfdf; padding:5px 0; height:auto; overflow:hidden;}
#author .item-main p:hover { background-color:#FBFBFB;}
#author .item-main p strong {font-size:12px; font-weight:normal; width:60px; display:block; float:left;}
#author .item-main p span {color:#888; float:left;}
#author h1 {font-size:22px; line-height:1.2; text-align:center; color:#79ac21; margin-bottom:10px;}
#author .author-avatar {margin:10px 0;}
#author .author-post-count {text-align:center; border-bottom:1px solid #e6e6e6; padding:5px 0;}
#author .author-post-count ul li {display:inline-block; padding:0 10px 0 0; margin:0 10px 0 0; line-height:20px; border-right:1px solid #e6e6e6; text-align:left;}
#author .author-post-count ul .noborder {border:0 none;}
#author .author-post-count ul li strong {font-family: tahoma; font-weight:400; font-size:20px; display:block;}
#author .author-post-count ul li span {display:block; width:100%; color:#888;}
/* page */
#page_nav {display:none; text-align:center;}
#infscr-loading { position:absolute; bottom:10px; width:160px; left:50%; margin-left:-80px; z-index:99999; text-align:center;}
#infscr-loading img {margin:0 auto;}
/* footer */
#footer {color:#777; padding:10px; background:#fff; border-top:1px solid #d2d2d2; clear:both; height:auto; text-align:center; position:relative; bottom:0;}
#footer a {color:#777;}
#footer a:hover {color:#2c2d31;}
/* go to top */
#backtotop a {position: fixed; bottom:-72px; right:10px; width:71px; height:26px; padding-top:45px; background:url(../image/toTop.png) no-repeat left top; display:block; z-index:9999; text-align:center; color:#888; -webkit-transition:bottom 0.3s; -moz-transition:bottom 0.3s; -o-transition:bottom 0.3s; -ms-transition:bottom 0.3s; transition:bottom 0.3s;}
#backtotop a:hover {background-position:-88px 0; text-decoration:none; color:#79ac21;}
/*---- single ----*/
#container-single {position:relative; width:940px; margin:0 auto;}
/* left */
.wr-single-left {}
.wr-single-left-box {background-color:#FFF; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.25); -moz-box-shadow:0 1px 3px rgba(0,0,0,.25); -o-box-shadow:0 1px 3px rgba(0,0,0,.25); box-shadow:0 1px 3px rgba(0,0,0,.25); position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; margin-bottom:20px; overflow:hidden;}
.wr-single-left-box h3 {font-size:14px; color:#79ac21; padding:15px 20px; position:relative;}
.wr-single-left-box h3 a {color:#79ac21;}
.wr-single-left-box h3 a:hover {color:#F7860B;}
.wr-single-left-box-content {padding:0 10px 10px 20px; height:auto; overflow:hidden;}
.wr-single-left-box-content .thumb img:hover {opacity:0.9;}
.also-like ul li {width:80px; height:80px; display:block; float:left; margin:0 10px 10px 0;}
.random-box {border-bottom:1px solid #EDEDED;}
.random-box, .author-box {width:100%; height:auto; overflow:hidden; }
.also-like ul li img {width:80px; height:80px; max-width:100%;}
.closed {height:54px; cursor:pointer; background-color:;}
.closed:hover, .closed:active {background-color:#F7F7F7;}
.single-left-box-icon {background:url(../image/arrow_cover.png) -20px 5px no-repeat; display:block; width:20px; height:20px; cursor:pointer; position:absolute; right:10px; top:18px;}
.wr-single-left-box h3:hover .single-left-box-icon {background-position:-20px -15px;}
.wr-single-left-box h3:active .single-left-box-icon {background-position:-20px -35px;}
.closed h3 .single-left-box-icon {background-position:0 5px;}
.wr-single-left-box .closed h3:hover .single-left-box-icon {background-position:0 -15px;}
.wr-single-left-box .closed h3:active .single-left-box-icon {background-position:0 -35px;}
.recommend {text-align:center; width:260px; height:260px; padding:20px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.recommend-fixed {position:fixed; top:70px; width:260px;}
.recommend-content {margin-top:10px;}
#single-box-close {color:#888; position:absolute; right:10px; top:10px; width:14px; height:14px; line-height:12px; text-align:center; -webkit-text-shadow:1px 1px 3px rgba(255,255,255,0.2); -moz-text-shadow:1px 1px 3px rgba(255,255,255,0.2); -o-text-shadow:1px 1px 3px rgba(255,255,255,0.2); text-shadow:1px 1px 3px rgba(255,255,255,0.2); float:right; cursor:pointer;}

/* right */
.wr-single-right {margin:20px 0 60px 0px; width:940px; background-color:#FFF; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.25); -moz-box-shadow:0 1px 3px rgba(0,0,0,.25); -o-box-shadow:0 1px 3px rgba(0,0,0,.25); box-shadow:0 1px 3px rgba(0,0,0,.25); -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.wr-sigle-intro, .wr-single-comment {padding:20px; overflow:hidden;}
.wr-sigle-intro h1 {font-size:20px; color:#79ac21;}
.single-meta, .comment-meta, .comment-meta a {color:#A9A9A9;}
.single-meta {float:left;}
.single-meta strong {margin:0 5px;}
.single-meta span {margin-right:5px;}
.single-meta a {color:#888; margin:0 3px; padding:1px 3px 3px 3px; line-height:15px;}
.single-meta a:hover {color:#fff; background-color:#F7860B;}
.single-meta-source, .single-meta-source a {color:#A9A9A9;}
.single-meta-source a {margin:0;}
.single-heart-this {float:right;}
.wr-single-content {text-align:center; padding:0 20px;}
.wr-single-content img {max-width:100%; height:auto;}
.wr-single-content-list {position:relative; line-height:1; overflow:hidden;}
.wr-single-show-zoom {position:absolute; right:-50px; top:-50px; width:32px; height:32px; background:url(http://demo027-3.99yuanma.net:8889/skin/ecms027/images/show-zoom.png) 0 0 no-repeat; display:block; -webkit-transition: right .15s ease-in-out, top .15s ease-in-out; -moz-transition: right .15s ease-in-out, top .15s ease-in-out; -ms-transition: right .15s ease-in-out, top .15s ease-in-out; -o-transition: right .15s ease-in-out, top .15s ease-in-out; transition: right .15s ease-in-out, top .15s ease-in-out}
.wr-single-show-zoom:hover {background-position: left -32px}
.wr-single-show-zoom:active {background-position: left -64px}
.wr-single-content-list:hover .wr-single-show-zoom {right:0; top:0;} 
.wr-single-content #bdshare {margin-top:10px;}
.wr-go {background:url(../image/icon.png) -3px -121px no-repeat; width:145px; height:45px; margin-top:15px; color:#FFF; font-size:22px; font-weight:bolder; line-height:42px; display:block; float:right; letter-spacing:1px;}
.wr-go:hover {background-position:-3px -168px;}
.wr-go:active {background-position:-3px -215px;}
.post-view-arrows span a {position:fixed; top:50%; width:60px; height:600px; background:url(../image/prev_next_post.png) no-repeat; margin-top:-300px; cursor:pointer; text-indent:-9999999px;}
.post-view-arrows .pre a {background-position:0 0; left:0;}
.post-view-arrows .pre a:hover {background-position:-80px 0;}
.post-view-arrows .pre a:active {background-position:-160px 0;}
.post-view-arrows .next a {background-position:-240px 0; right:0;}
.post-view-arrows .next a:hover {background-position:-320px 0;}
.post-view-arrows .next a:active {background-position:-400px 0;}
.single-comments {position:relative;}
.single-comments h3 {color:#A9A9A9;}
.single-comments h3 a {color:#505B65;}
.single-comments h2, .single-comments .comments-box-titles {font-size:18px; color:#79ac21; margin-right:10px;}
.single-comments .single-gravatar {float:left; height:50px; width:50px;}
.single-comments .comment-text {padding-left:60px;}
.single-comments .comment-text span {float:left; margin-right:10px;}
.single-comments .reply {display:none; float:left;}
.single-comments .reply a  {color:#79ac21; margin-right:5px;}
#commentlist li:hover .reply {display:block;}
.single-comments-floor {position:absolute; right:0; top:0;}
.single-comments-floor a {color:#A9A9A9;}
.single-comments .no-comment {margin-bottom:10px;}
.single-comments ol li {border-bottom:1px dashed #dfdfdf; padding-bottom:10px;}
.single-comments ol li:hover .single-gravatar {opacity:0.9;}
.single-comments ol li, #single-comments-form ul li {height:auto; overflow:hidden; margin:10px 0;}
#commentlist .children {margin:10px 0 0 60px; display:block;}
#commentlist .children li {border-top: 1px dashed #dfdfdf; border-bottom:0 none; padding-top:10px; margin:0;}
.comment-pre-nex {text-align:right;}
.page-numbers {background-color:#ccc; color:#FFF; text-shadow:none; padding:3px 6px;}
.page-numbers:hover {background-color:#79ac21;}
.current {background-color:#79ac21; font-weight:bolder;}
#respond {height:auto; overflow:hidden; position:relative; padding-bottom:20px;}
.editor_tools {position:absolute; left:68px; top:269px;}
.editor_tools a {color:#A9A9A9; padding:0 2px 2px 2px; text-align:center;}
.editor_tools a:hover {background-color:#79ac21; color:#FFF;}
#smilies-container {display:none;}
#smilies-container .wp_smilies {width:350px; margin-top:5px;}
#smilies-container span {margin-right:3px;}
#smilies-container span a {padding:0;}
#smilies-container span a:hover {background:none;}
#single-comments-form label {width:58px; text-align:right; display:block; float:left; margin-right:10px; line-height:28px;}
#single-comments-form input[type="text"], #single-comments-form textarea {width:500px; height:140px; border:1px solid #dfdfdf; padding:5px; -webkit-transition: all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#single-comments-form input[type="text"] {height:18px; float:left;}
#single-comments-form input:focus, #single-comments-form textarea:focus {border:1px solid #a3be5f;}
#single-comments-form #submit:focus {border:0 none;}
/*---------- lightbox ----------*/
body:after{content:url(../image/close.png) url(../image/loading.gif) url(../image/prev.png) url(../image/next.png);display:none;}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none;}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal;}
.lightbox .lb-image{display:block;height:auto;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.lightbox a img{border:none;}
.lb-outerContainer{position:relative;background-color:white;*zoom:1;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.lb-outerContainer:after{content:"";display:table;clear:both;}
.lb-container{padding:4px;}
.lb-loader{position:absolute;top:43%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../image/loading.gif) no-repeat;}
.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
.lb-container > .nav{left:0;}
.lb-nav a{outline:none;}
.lb-prev,.lb-next{width:49%;height:100%;cursor:pointer;display:block;}
.lb-prev{left:0;float:left;}
.lb-prev:hover{background:url(../image/prev.png) left 48% no-repeat;}
.lb-next{right:0;float:right;}
.lb-next:hover{background:url(../image/next.png) right 48% no-repeat;}
.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}
.lb-dataContainer:after{content:"";display:table;clear:both;}
.lb-data{padding:0 4px;color:#bbbbbb;}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em;}
.lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em;}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999;}
.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../image/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;}
.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}

/* 
 * pagination
 * ====================================================
*/
.pagination{text-align: center;}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding: 0}
.pagination ul > li{display:inline}
.pagination ul > li > a,.pagination ul > li > span{margin:0 5px;float:left;padding:8px 20px;text-decoration:none;background-color:#ddd;color:#666;border-radius: 3px;opacity: .88}
.pagination ul > li > a:hover,.pagination ul > li > a:focus{opacity: 1}
.pagination ul > .active > a,.pagination ul > .active > span{background-color:#FF5E52;color:#fff}
.pagination ul > .active > a,.pagination ul > .active > span{cursor:default}
.pagination ul > li > span,.pagination ul > .disabled > span,.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover,.pagination ul > .disabled > a:focus{color:#999999;background-color:transparent;cursor:default}
.pagination ul > li.next-page > a{background-color: #FF5E52;color: #fff;}

.ias_trigger{padding: 20px;text-align: center;}
.ias_trigger a{margin:0 5px;display: inline-block;padding:8px 20px;text-decoration:none;background-color: #FF5E52;color: #fff;border-radius: 3px;opacity: .88}
.ias_trigger a:hover{opacity: 1}

.pagination-loading{font-size: 16px;text-align: center;color: #999;padding: 15px 0;}
.pagination-loading .glyphicon{top: 2px}

.pagenav{overflow:hidden;text-align:center;padding:20px}
.pagenav a,.pagenav .current,.pagenav .page-numbers{padding:4px 12px 3px;color:#666;display:inline-block;background-color:#eee;margin:0 1px}
.pagenav .current{background-color:#FF5E52;color:#fff}
.pagenav a:hover{background-color:#ccc;color:#444}


.nav_nav{ background:#FFF;  float:left; width:100%; margin-bottom:10px;}
.nav_nav li{ float:left; padding:5px 10px;display: inline;}
.nav_nav li a{color: #8f8f8f;
float: left;
margin: 5px 10px 5px 0;
padding: 2px 10px;
background-color: #f8f8f8;
display: block;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
-o-box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
-o-transition: all 0.3s;
-ms-transition: background 0.3s;
transition: background 0.3s;}
.nav_nav li a:hover{color: #fff;background-color: #FF5E52;}
.nav_nav li a.hover{color: #fff;background-color: #FF5E52;}

/*---------- Responsive ----------*/
/* The Extra wide layout has minimum width = 1586 and maximum = 1900 pixel ---*/
@media only screen and (min-width: 1566px) {
	#content {padding:20px 0 100px 0;}

}
/* The HD layout has minimum width = 1901 pixel ---*/
@media only screen and (max-width: 1565px) {
	#content {padding:20px 0 80px 0;}

}
/* The wide layout has minimum width = 1236 and maximum = 1585 pixel */
@media only screen and (max-width: 1235px) {
	#content {padding:20px 0 80px 0;}

}
/* The Normal layout has minimum width = 986 and maximum = 1235 pixel ---*/
@media only screen and (max-width: 1024px) {
	#content {padding:20px 0 80px 0; max-width: 100%;}
	#container-single {width:inherit;}
	#recommend {position:relative; top:0; padding:0; width:auto; height:auto;}
	.wr-single-left {position:relative; margin:20px 10px; width:auto;}
	.wr-single-right {width:auto; margin:20px 10px;}
	.wr-single-left-box-content {text-align:center; padding:0 0 20px 0;}
	.also-like ul li {display:inline-block; float:none; margin:3px;}
	#single-comments-form input[type="text"], #single-comments-form textarea {width:90%;}
	#single-comments-form label {text-align:left;}
	.editor_tools {display:none;}
	.wr-single-show-zoom {right:50%; top:50%; margin:-16px -16px 0 0; border-radius:3px; overflow:hidden; display:block;}
	.wr-single-content-list:hover .wr-single-show-zoom {right:50%; top:50%;}
	.wr-sigle-intro {position:relative;}
	.single-heart-this {position:absolute; right:60px; bottom:20px;}
	.nav_nav{ display:none;}
}
/* The tablet layout has minimum width = 720 and maximum = 985 pixel ---*/
@media only screen and (max-width: 985px) {
	#header {height:95px;}
	.logo {top:45px;}
	#content {padding:20px 0 80px 0;}
	#main {padding: 50px 10px 10px;}
	.nav_nav{ display:none;}
}
/* The Mobile Landscape layout has maximum width = 719 pixel ---*/
@media only screen and (max-width:719px) {
	
	.nav_nav{ display:none;}
}
/* The Mobile Portrait layout has maximum width = 480 pixel ---*/
@media only screen and ( max-width: 480px) {
	#content {padding:5px 0 80px 0;}
	.item {float:none;}
	.right-part {display:none;}
	.left-part-nav-list {width:360px;}
	.nav_nav{ display:none;}
}
@media only screen and ( max-width: 360px) {
	#header {height:120px;}
	.left-part-nav-list {width:180px;}
	.logo {top:60px;}
	#search-option {width:50%;}
	.nav_nav{ display:none;}
}
@media only screen and ( max-width: 330px) {
	#search_text {max-width:70px;}
	.logo {left:10%; margin:0; max-width:80%;}
	.nav_nav{ display:none;}
}