/*
Theme Name: egg
Author: sein
*/

* {margin: 0; padding: 0;}
body,html {text-align: center;font-size: 12px;font-family: "Microsoft YaHei","Hiragino Sans GB W3",Tahoma,Arial; color: #333;background: #FFF;}
a, a:link, a:visited {color: #333;font-weight: bold; text-decoration: none;blr:expression(this.onFocus=this.blur());outline: none;}
a:hover {color: #DD1111;}
img {border:0;}
.pics img {padding: 0 8px 0 0;width: 75px; height: 75px;}
h1,h2,h3{font-size:14px;font-weight:normal;}
.break {font-size: 0; height: 0;width: 0;clear: both;display: block;}
.righttext {float: right;font-size:10px;-webkit-text-size-adjust:none;color:#C8C7CC;line-height:0.5em;}
.righttext a{color:#C8C7CC;font-weight:normal;}
hr{border: none; border-bottom: 1px dotted #C8C7CC; margin-bottom: 10px;}
.plusone a{float:right; font-family: Georgia; font-size: 22px; color: #333; margin-top:-5px;}
.plusone a:hover{ color: #DD1111 !important;}
.loading {background:url(http://s.jandan.com/static/img/spinner.gif) no-repeat 0 0;width:100px;height:9px;text-indent:-9999px;font-size:0;margin-top:10px;}
.hidden {display: none;}
.avatar {float:left;}
.avatar-32 {margin-right:8px; margin-top: 5px; vertical-align: baseline;}
.avatar-24 {margin-right:8px; vertical-align: text-top;}
.wumii-hook {display:none;}
*{margin:0px;padding:0px;} 

/** BEGIN wrapper **/
#wrapper {width: 962px;margin: auto auto;text-align: left;}
#wrapper_playbus {width: 100%;margin: auto auto;text-align: center;}
/** END wrapper **/

/** BEGIN header **/
#header {margin-top: 30px;}
#header .nav { background-color: #333;}
#header .nav-items { list-style-type: none; position: relative; padding: 0; margin: 0 }
#header .nav-item {float:left;text-transform: uppercase;font-weight: normal;}
#header .nav-item a {color: #DDD;font-weight: normal;display: block;padding: 10px 16px;}
#header .nav-item a:hover {background-color: #333;}
#header .f {padding-left: 5px;background: none;}
#header .x {background: none;}
#header .x a { padding-left: 0;}
#header .nav-item a:hover {color: #FFF; text-decoration:none; position: relative;}
#header .sub-items {display: none;  position:absolute; background-color: #111; list-style: none}
#header .sub-items .nav-item{ float: none}
#header .nav-item:hover .sub-items {display: block; }
#header .logo {float: left;}
#header .logo h1 {font-size: 0;}
#header .logo h1 a {display: block;outline: none;text-indent: -9999px;background: url(http://s.jandan.com/wp-content/themes/egg/images/logo-2014-2.gif) no-repeat 0 0;width: 115px; height: 58px;}
#header .logo p {display: none;}
#header .eggs {float: right;height: 50px; margin:0;opacity: 0.6; -moz-opacity: 0.6; *filter: alpha(opacity=60);}
#header .eggs:hover {opacity: 1; 	-moz-opacity: 1; *filter: alpha(opacity=100);}
/** END header **/
/** END header **/

/** BEGIN body **/
#body {border-width: 0 1px;border-style: solid;border-color: #DDD; background:url(http://s.jandan.com/wp-content/themes/egg/images/body.gif) repeat-y 647px 0; *background:url(http://s.jandan.com/wp-content/themes/egg/images/body.gif) repeat-y 648px 0;}
/** END body **/

#nav_next a, #nav_prev a {display:block;position: fixed;_position: absolute;top: 400px;_top:expression(eval(document.documentElement.scrollTop));font-size:80px;line-height:50px; color:#DDD;float: left; margin-left:960px;width:50px;padding-bottom:20px;z-index: 3;text-align: center;}
#nav_prev a {margin-left:-52px;}
#nav_next a:hover, #nav_prev a:hover {transform:scale(1.2);color:#666;}
#nav_top  {display: none;position: fixed;_position: absolute;bottom: 10px;_bottom:expression(eval(document.documentElement.scrollTop));font-size:22px;background-color:#C7C7CC;color:#FFF;float: left; margin-left:981px;width:40px;padding-bottom:10px;border-radius:20px;   z-index: 3;text-align: center;}
#nav_top:hover {transform:scale(1.1);background-color:#666;}
#nav_top span {display: block;}
#nav_top span:active { font-size: 20px;}

/** BEGIN content **/
#content {width: 648px;float: left;padding-bottom: 20px;overflow:hidden;}
#content p {margin-bottom: 10px;}
#content .photos img {margin:15px 10px 0 0;width: 75px; height: 75px;}
#content .photos h3{-webkit-text-size-adjust:none; font-size: 10px;color: #333; margin:15px 0 0 15px;}
#content h3 {font-size: 14px;color: #333;}
#content h3 a {color: #333;}
#content ul {padding-left: 15px;list-style-type :none; line-height: 2.4em;}
#content ol {padding-left: 15px;list-style-type :none; line-height: 2.4em;}
#content .title {background-color: #F2F2F2;padding:14px 20px; color: #4F4F4F;font-size: 12px;font-weight: normal;height:15px; *height:19px;_height:19px; margin-right:1px;border-bottom: 1px solid #DEDEDE;}
#content .title a {color: #4F4F4F;}
#content .f {border-bottom: 1px solid #DEDEDE;}
#content .s {margin-left: -10px; height: 380px; border-bottom: 1px solid #DDD;clear: both;}
#content .post {padding:24px;clear: both;border-top: 0;line-height: 1.6em;font-size: 14px;}
#content .post p {padding-top: 5px;line-height: 1.7em;text-align:left;text-justify:inter-ideograph;word-wrap : break-word;}
#content .post p a, #content .post p a:link, #content .post p a:visited {color:#333; font-weight:normal;border-bottom:1px solid #FF9999;}
#content .post p a:hover {color: #DD1111;}
#content .post li a, #content .post li a:link, #content .post li a:visited {color:#333; font-weight:normal;border-bottom:1px solid #FF9999;}
#content .post li a:hover {color: #DD1111;}
#content .post em { color: #8E8E93;font-size: 12px;font-style:normal; }
#content .post em a, #content .post em a:link, #content .post em a:visited{ color: #8E8E93; border-bottom:1px solid #DDD;}
#content .post em a:hover {color: #DD1111;}
#content .post del { color: #8E8E93; background-color: #DDD;}
#content .post blockquote {padding: 10px 15px 5px 20px;margin: 10px 0; background-color: #F8F8F8;border-left:5px solid #DDD;color:#333;}
#content .post blockquote.block{padding: 5px 10px 0 10px;background-color: #EFEFF4;font-style:normal;float:left;margin-right:15px;width:250px;border:none;font-size:12px;}
#content .post strong.highlight {padding:3px 0;background-color: #FFEEBB;font-weight:normal;}
#content .post h4{border-left:10px solid#DD1111;padding-left:5px;margin-top:20px; margin-bottom:5px;line-height:10px;}
#content .post h4.pullquote {font-weight:normal; padding: 10px 20px;margin: 10px 0; background-color: #F3F3FF;border-left:5px solid #DCDCFF;font-size:14px;line-height: 1.7em;}
#content .post img {max-width: 600px}
#content .post blockquote img {max-width:555px;}
#content .post .thumb {float: left; margin-right:10px;_margin-right:8px;display: inline;}
#content .post .thumb img {max-height: 240px; }
#content .post .time_s {-webkit-text-size-adjust:none; font-size: 12px;font-weight:normal;color: #AAA;line-height:1.5em;}
#content .post .time_s a {color: #AAA;font-weight:normal;}
#content .post .time_s a:hover {text-decoration: underline;}
#content .comment-link {font-family:sans-serif;font-style:italic; font-size:16px;color:#CCC; line-height:1em; text-align:center;float: right;}
#content .comment-link a {color:#CCC;}
#content .comment-big a {float:right; font-family:sans-serif; font-size: 26px; color: #C8C7CC; padding-left: 8px; margin-left: 8px; font-weight:bold;}
#content .post .indexs {min-height: 75px;color: #333;font-size:12px;line-height:1.8em;}
#content .post .thumbs {float: left;height: 75px;overflow:hidden;margin-right:10px; padding:5px;}
#content .post .thumbs img {width: 75px}
#content .post .thumbs_l {float: left;height: 200px;overflow:hidden; padding: 0 15px 0 0; }
#content .post .thumbs_l img {width: 300px;}
#content .post .thumbs_b {float: left; padding-top: 5px;padding-bottom: 5px;padding-right: 15px;} 
#content .post .thumbs_b img {width: 175px;height: 98px}
#content .column {float: left; width: 215px; height: 223px; overflow-y: hidden; border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;}
#content .column .post {padding:20px;}
#content .column .thumbs_b img {padding: 0;}
#content .column h2 {font-size: 14px; font-weight: normal;}
#content .column .title2 a{ font-weight: normal;height: 45px; overflow-y: hidden; line-height: 1.6em;}
#content .post h1,.post h2 {font-size: 16px; line-height: 1.2em;font-weight: bold;padding-bottom: 5px;}
#content .post h1{line-height:1.5em;margin:0 -25px;padding-left:25px;border-bottom:1px solid #DDD;margin-bottom: 10px;}
#content .post h1 a,.post h2 a {color: #DD1111;}
#content .post h1 a:hover,.post h2 a:hover {color: #333; }
#content .post .details {padding-top: 10px;line-height: 1em;font-size: 12px;}
#content .other {clear: both;}
#content .other h3{-webkit-text-size-adjust:none; font-size: 10px;color: #AAA;text-transform: uppercase;}
#content .other ul {list-style-type :none;line-height: 2.4em;}
#content .other li {margin-left:-15px;padding:0; }
#content .other li a{border-bottom:1px dotted #CCC;font-weight:normal;}
#content .other .l, #content .other .r {float: left;width: 284px;padding: 20px 0 10px 20px;margin-right:20px;overflow:hidden;white-space:nowrap;display: inline;}
/** END content **/

/** BEGIN playbus **/
#playbus {width: 100%;padding-bottom: 20px;}
#playbus p {margin-bottom: 10px;}
#playbus .post {padding:0; margin:auto; text-align:center; clear: both;border-bottom: 1px solid #DDD;}
#playbus .f {border-top: 0;line-height: 1.7em;}
#playbus h2 {font-size: 14px;margin-bottom: 10px;line-height: 1.1em;*letter-spacing: -1px;}
#playbus .title {margin-left:auto; margin-right:auto; text-align:center; background-color: #FFF;border-bottom: 1px solid #DDD;padding: 14px;color: #4F4F4F;font-size: 12px;height:15px;*height:19px;}
/** END playbus **/

/** BEGIN Comments **/
.commentlist {font-size: 12px;margin-left: 9px;padding: 0 24px;}
.comments {padding:24px 24px 12px 24px;}
.commentlist .time a {-webkit-text-size-adjust:none;font-size: 11px;color:#C8C7CC;}
.commentlist .time a:hover { text-decoration: underline;}
.comments h3,.commentlist h3 {font-size: 12px;color: #333;}
.commentlist ul, .commentlist ol {margin: 0; padding: 0px;list-style-type :none;}
.commentlist li {line-height: 1.7em;}
.commentlist .row {width: 608px;float: left;border-bottom: 1px solid #DDD;padding: 10px 20px 0 20px;margin: 0 -24px;_margin: 0 -12px;}
.commentlist .author {float: left; width: 20%;}
.commentlist .author small {color:#C8C7CC; font-size: 11px;line-height: 1em;}
.commentlist .author small a{color:#C8C7CC;font-weight:normal;}
.commentlist .text {float: left;width: 80%;font-size: 13px;}
.commentlist .text img {max-width: 480px;}
.commentlist p { width: 100%;overflow:hidden;padding-top: 5px;}
.commentlist img {max-width:600px;cursor: pointer;} 
.commentlist .imgs {max-height:600px !important;cursor: pointer;} 
#commentform {padding: 0 24px;}
#commentform input#author,#commentform input#email,#commentform input#url {font-size: 12px;font-family: "Microsoft YaHei","Hiragino Sans GB W3",Tahoma,Arial;width: 255px;_width: 205px;height: 20px;padding: 0 5px;border: 1px solid #DDD;background-color: #F8F8F8;}
#commentform input#author:hover, input#email:hover, input#url:hover {background-color: #FFF;}
#commentform textarea {font-size: 12px;width: 578px;height:135px;padding: 10px;font-family: "Microsoft YaHei","Hiragino Sans GB W3",Tahoma,Arial;border: 1px solid #DDD;background: #F8F8F8; }
#commentform textarea:hover {background: #FFF;}
#commentform #submit {font-size: 12px;font-family: "Microsoft YaHei","Hiragino Sans GB W3",Tahoma,Arial;width: 600px;padding: 2px 4px;margin-bottom: 10px;border: 1px solid #DEDEDE;background-color: #F8F8F8;float: center;cursor: pointer;}
#commentform #submit:hover {background-color: #FFF;}
#commentform p {font-size: 12px;float: left;margin: 5px 0;}
.commentlist .tip .row{width:607px;background-color: #F8F8F8;}
.commentlist .tip img{max-height:200px !important;max-width:400px !important;}
.commentlist .tip .act {display:none;}
/** END Comments **/

/** BEGIN sidebar **/
#box {float: left; position: relative; width: 310px;}
.div1 {}
.div2 {position: fixed; top: 0; z-index: 300; width: 310px;}
#sidebar {width: 310px;float: right;padding-bottom: 20px;}
#sidebar h3 {-webkit-text-size-adjust:none; font-size: 10px;color: #AAA;text-transform:uppercase;padding: 15px 20px 5px;font-weight:normal;}
#sidebar ol {padding: 0 20px 15px;margin-left: -2px;border-bottom: 1px solid #DEDEDE;list-style: decimal inside;color:#BBB;font-style:italic;}
#sidebar ul {list-style-type: none;margin-left: -2px;padding: 0 20px 15px;line-height:1.7em;border-bottom: 1px solid #DEDEDE;}
#sidebar li a {font-style:normal;line-height:26px;font-weight:normal;}
#sidebar form {background: #F2F2F2 url(http://s.jandan.com/wp-content/themes/egg/images/search2.gif)  no-repeat 20px 8px;width: 283px; height:27px; *height:31px; margin-left: -2px; padding: 8px 15px 8px 14px;border-bottom: 1px solid #DEDEDE;}
#sidebar form input {border: 0;width: 168px;height:14px;font-size: 12px;font-family: "Microsoft YaHei","Hiragino Sans GB W3",Tahoma,Arial;float:left;margin:6px;padding:0 6px;background:transparent;}
#sidebar form button {text-indent: -9999px;border: 0;width: 75px; height: 27px;background-color: transparent;cursor: pointer;}
#sidebar .photos {padding: 0;}
#sidebar .photos img {margin: 6px 7px 6px 5px;width: 75px; height: 75px;}
#sidebar .xy img {padding:2px 5px;}
#sidebar .tags a{color: #333; font-weight:normal;padding: 2px 4px; line-height: 2.2em; ;border-bottom: 1px solid #DDD; border-right: 2px solid #DDD}
#sidebar .tags strong a{font-weight:bold;}
#sidebar .tags a:hover {color: #FFF; background-color: #333;}
#sidebar .links a{color: #333;}
#sidebar .links a:hover{color: #333;}
#sidebar #float{background-color:#FFF;}
#sidebar .s_related li{width:100%;overflow-x:hidden;white-space:nowrap;border-top: 1px dotted #C8C7CC;}
#sidebar .s_related li a{font-size:13px;}
#sidebar .s_related img{vertical-align:middle;margin:5px 10px 5px 0;height:50px;width:50px;}
/** END sidebar **/

/** BEGIN footer **/
#footer {clear: both;background-color: #4F4F4F;color: #AAA;padding: 20px;font-size: 12px; text-align: center;line-height: 2em;}
#footer a {color: #AAA;}
/** END footer **/
.postnav {clear: both;padding: 0 15px;}
.postnav a {border: 1px solid #DDD;background-color: #F9F9F9;padding: 3px 8px;color: #999;}
.postnav a:hover {border: 1px solid #DD1111;color: #333;text-decoration: none;}
.wp-pagenavi {padding:20px; margin: 0px;}
.wp-pagenavi a {padding: 4px 8px; margin:3px; background-color: #333; color: #FFF;}
.wp-pagenavi a:hover {background-color: #333;}
.wp-pagenavi .pages { background-color: #DDD;  color: #333; margin: 3px; padding: 4px 8px; }
.wp-pagenavi .current { border: 1px solid #333;  margin: 3px;  padding: 3px 7px; }
.cp-pagenavi {padding:10px 20px;margin: 0px -24px;}
.cp-pagenavi a {padding: 4px 8px; margin:3px; background-color: #333; color: #FFF;}
.cp-pagenavi a:hover {background-color: #333;}
.cp-pagenavi .current-comment-page {border: 1px solid #333;  margin: 3px;  padding: 3px 7px; }

/** ajax-comment-vote **/
.acv_author{border-bottom:1px dotted #C8C7CC; padding:5px 0;}
.acv_author strong{font-weight:normal;}
.vote{color:#C8C7CC;font-size:10px; width:100%; text-align:right;}
.vote a{color:#C8C7CC;font-size:14px }
.votehot {text-align:right;}
.acv_comment{margin:5px auto; padding:2px; background:#fff; word-wrap:break-word; width: 268px; float: none;overflow: hidden; max-height: 300px; cursor: pointer; position: relative}
.acv_comment_full_size {max-height: 100%}
.acv_comment .show_more {background-color:#000;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);position:absolute;color: #fff; bottom: 0; left:0; right: 0; text-align: center}
.acv_comment img {cursor: pointer;_width: 268px;max-width:268px;}
.acv_comment embed,.acv_comment iframe {width: 268px;}
.acv4:link:hover {color: #FF0000;}
.acva:link:hover {color: #0000FF;}
.change_btn .number em {font-size: 11px !important;-webkit-text-size-adjust:none !important; }

/** for xiaobian **/
#authorbar {direction:ltr; color:#ccc; font-family: "Microsoft YaHei","Hiragino Sans GB W3",Tahoma,Arial; height:30px; position:fixed; top:0; left:0; width:100%; min-width:600px; z-index:99999; background-color: #FFF;border-bottom: 1px dotted #CCC;}
#authorbar * { font-size: 12px; height: auto;  line-height: 30px; position: static;width: auto;}
#authorbar a { color: #333;}
#authorbar ul li:before,#wpadminbar ul li:after {content:normal;}
#authorbar li { float: right;padding:0 15px;list-style:none;}
#authorbar input{color:#999;font-size: 12px;width: 135px;height:12px;padding: 5px;font-family: "Microsoft YaHei","Hiragino Sans GB W3",Tahoma,Arial;border: 1px solid #DDD;}
#authorbar input:hover{color:#333;}

.gif-mask {color:#fff;background-color:#000;cursor:pointer;text-align:center;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);position:absolute;}
.video-mask {color:#fff;background-color:#000;cursor:pointer;text-align:center;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);position:absolute;}

.share-links {text-align: center;padding-top: 5px;}
a.share-link {display: inline-block;padding:5px 10px;text-align: center;color: #FFF;font-weight: normal;}
.share-link-weibo {background-color: #EE4444;}
.share-link-weixin {background-color: #44BB44;position: relative;}
.share-link-weixin img {position: absolute;top: -170px;left: -40px;width: 165px;height: 165px;display: none;}
.share-link-weixin:hover img {display: block;}

.hot-list {margin-top: 15px;}
#sidebar ul.hot-tabs {border-bottom: 0}
.hot-tabs li {float: left;  padding: 5px 10px;  border: 1px solid #DEDEDE;  cursor: pointer;  margin-right: 5px; }
.hot-tabs li.current {background-color: #F2F2F2; color: #111;}
.host-list-split {height: 1px; background-color: #DEDEDE; margin: -16px 18px 0; }
.hot-list-item {display: none}
.hot-list-item-current {display: block}