#content_inner { width: 960px; margin: 0 auto; padding-top: 20px; position: relative; }

#content #intro { border-bottom: dotted #ccc 1px; padding-bottom: 28px; margin-bottom: 10px; }

#content #intro p { font-size: 14px; color: #8f8f8f; line-height: 22px; padding-bottom: 5px; }

#content #intro a { color: #666; padding: 6px; }

#content #intro a:hover { background: #eee; text-decoration: none; border-bottom: dotted #ccc 1px; }

#content #intro ul { padding-bottom: 15px; padding-top: 3px; }

#content #intro li { color: #8f8f8f; margin-left: 50px; padding-bottom: 4px; font-size: 14px; }

#content p { font-size: 12px; color: #8f8f8f; padding-bottom: 10px; }

#content p a { color: #e41996; }

#content h2 { font-size: 26px; font-weight: normal; color: #666; padding-bottom: 17px; border-top: dotted #ccc 1px; padding-top: 20px; padding-bottom: 21px; margin-top: 13px; }

#content h2 span { font-size: 20px; }

#content #css3 { float: right; }

#content #css3 a:hover { background: none; border: 0; }

.pre_wrap { background: #f9f9f9; padding: 5px 5px 5px 14px; margin-bottom: 33px; margin-top: 32px; }

.pre_wrap span.label { color: #999; font-size: 12px; font-style: italic; display: block; padding-left: 5px; padding-top: 5px; }

.syntaxhighlighter { font-size: 12px; }

.slides1_wrap { position: relative; padding: 20px 0 37px 49px; /*width: 750px;*/ }

#slides1 { /*overflow: hidden;*/ /*height: 212px;*/ }

#slides1 li { list-style: none; /*width: 560px;*/margin-right: 23px;padding: 5px; }
#slides1 li:hover { background:#ccc;}
#slides1 li img { float: left; }

#slides1 .content { /*float: left;*/ width: 220px; padding-left: 21px; }

#slides1 li p { line-height: 22px; }

#slides1 h3 { font-size:16px; margin-bottom: 5px;color: #8d8d8d; font-weight: normal; text-transform: lowercase; text-align:center; }

#slides1 h4 { font-size: 18px; color: #000; font-style: italic; font-weight: normal; text-transform: lowercase; padding-bottom: 16px; }

.slides1_wrap .prev { position: absolute; left: -6px; top: 100px; outline: 0; }

.slides1_wrap .next { position: absolute; right: 0px; top: 100px; outline: 0; }

.slides1_wrap a:active { top: 102px; }

.bx_pager { padding-left: 520px; padding-top: 35px; }

.bx_pager a { float: left; background: url(/uploads/image/images/bg_pager.png) no-repeat 0 -21px; width: 14px; height: 17px; color: #fff; font-size: 11px; margin-right: 6px; padding: 4px 0 0 7px; }

.bx_pager a:hover, .bx_pager a.active { background-position: 0 0; text-decoration: none; }

.auto_controls { position: absolute; bottom: -11px; left: 394px; display:none; }

.auto_controls a { font-size: 16px; color: #a3a3a3; outline: 0; padding: 2px; }

.auto_controls a:hover { text-decoration: none; background:; color: #e41996; }

#content #notes li, #content #changes li { font-size: 12px; color: #8f8f8f; margin-left: 43px; padding-bottom: 6px; }

#content #notes li a { color: #e41996; }

#idc-container a { color: #e41996; }

#idc-container h3 { color: #666; }