body, button, input, select, textarea, td, th { font: 12px/18px Arial, '宋体'; }

body { margin: 0px; background-color: Black; }
<!-- 黑白设置 css
html { 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
        _filter:none; 
    } 
-->

.left { float: left; width: 80%; display: block; }
.left1 { float: left; width: 100%; display: block; margin-right: 276px; position: relative; height: 100%; -moz-user-select: none; -webkit-user-select: none; }
.right { float: left; width: 20%; display: block; clear: right; }
.right1 { width: 0%; display: none; }



/*面包器*/
.container { width: auto; height: auto; top: 0px; left: 0px; background-color: Black; }
.left { margin-right: 276px; position: relative; height: 100%; -moz-user-select: none; -webkit-user-select: none; }

.head { clear: both; height: 22px; line-height: 22px; padding: 4px 40px 4px 10px; color: #c0c0c0; }
.head a { padding: 0 6px; display: inline-block; font-size: 12px; height: 22px; line-height: 22px; }
.headLeft { float: left; width: auto; }
.head a:link, .head a:visited, .head a:active { color: #c0c0c0; text-decoration: none; }
.head a:hover { color: #fff; text-decoration: none; }
.headArw { font-family: 宋体; display: inline-block; font-size: 12px; height: 22px; line-height: 22px; }
.headRight { float: right; width: 425px; text-align: right; }
.head .headRight .linkFav { padding-left: 20px; background: url(yuantu.jpg) no-repeat left; }
.head .headRight .linkFav:hover { padding-left: 20px; background: url(yuantuH.jpg) no-repeat left; }
.head .headRight .linkAutoplay { padding-left: 20px; background: url(pinglun.jpg) no-repeat left; }
.head .headRight .linkAutoplay:hover { padding-left: 20px; background: url(pinglunH.jpg) no-repeat left; }
.head .headRight .linkShare { padding-left: 20px; background: url(fenxiang.jpg) no-repeat left; }
.head .headRight .linkShare:hover { padding-left: 20px; background: url(fenxiangH.jpg) no-repeat left; }

/*图片*/
.original { position: absolute; top: 30px; left: 0; right: 0; bottom: 100px; z-index: 1; }
.imageOriginalContainer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.imageOriginalImagewrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-align: center; }
.original .imageOriginalPrev { position: absolute; z-index: 20; width: 102px; height: 95px; border: 0; background: url(leftB.jpg) no-repeat; _background: url(leftB.jpg) no-repeat; top: 50%; left: 50px; margin-top: -25px; font-size: 0; line-height: 0; text-indent: -1000; }
.original .imageOriginalPrev:hover { background: url(leftA.jpg) no-repeat; _background: url(leftA.jpg) no-repeat; }

.original .imageOriginalNext { position: absolute; z-index: 21; width: 102px; height: 95px; border: 0; background-image: url(rightB.jpg); _background-image: url(rightB.jpg); background-repeat: no-repeat; top: 50%; right: 50px; margin-top: -25px; font-size: 0; line-height: 0; text-indent: -1000; }
.original .imageOriginalNext:hover { background-image: url(rightA.jpg); _background-image: url(rightA.jpg); background-repeat: no-repeat; }
.original a.modeOriginal { background-kposition: -50px -200px; }
.original .imageOriginalMode { position: absolute; z-index: 22; width: 36px; height: 36px; background: url(png_icons.png) no-repeat; _background: url(float_icons_ie6.png) no-repeat; }

.af_nav { position: absolute; left: 0; right: 0; bottom: -80px; background: #333; height: 80px; z-index: 2; text-align: center; }
.af_nav_head { height: 16px; padding: 4px 10px; line-height: 16px; position: absolute; float: left; bottom: 80px; left: 10px; background: #333; }
.af_nav { text-align: center; }
.container { font-family: Arial,宋体; }
.af_nav_head { line-height: 16px; }
.af_nav_status_current { color: #c0c0c0; }
.af_nav_status_slash, .af_nav_status_total { color: #999; }
.af_nav_divider { color: #444; }
.af_nav_switch { color: #c0c0c0; display: inline-block; height: 16px; padding: 0 16px 0 5px; cursor: pointer; background-image: url(album_icons.gif); background-repeat: no-repeat; }
.hide { background-position: -156px -308px; }
.show { background-position: -156px -278px; }
/*左右样式*/
.clickphoto .photoleft { width: 48%; float: left; background-color: White; opacity: 0.0; filter: alpha(opacity=0); position: relative; top: 0px; height: 10px; cursor: url(cursor1.cur),url(/Content/image/News/cur/cursor1.cur),auto; }
.clickphoto .photoright { width: 52%; float: left; background-color: White; opacity: 0.0; filter: alpha(opacity=0); position: relative; top: 0px; height: 10px; cursor: url(cursor.cur),url(/Content/image/News/cur/cursor.cur),auto; }


/*图片选择*/
.carousel_wrapper { display: inline-block; margin: -10px auto 0; position: absolute; left: 0; right: 0; bottom: 0px; background: #333; height: 80px; z-index: 2; text-align: center; }
.carousel_arrow_prev { background-image: url(album_icons.gif); background-repeat: no-repeat; background-position: 4px -543px; }
.carousel_arrow_prev, .carousel_arrow_next { height: 60px; width: 24px; float: left; cursor: pointer; margin-top: 15px; }
.carousel_ul_wrapper { float: left; position: relative; overflow: hidden; vertical-align: middle; left: 20px; }
.carousel_ul_wrapper ul { position: absolute; height: 70px; left: 30; top: 0; width: 200000px; }
.carousel_li { padding: 0 5px; float: left; }
.album_carousel_img { overflow: hidden; width: 60px; height: 60px; background-color: #1d1d1d; position: relative; cursor: pointer; }
.album_carousel_img:hover { width: 70px; height: 70px; }
.album_carousel_img img { width: 60px; height: 60px; }
.carousel_li:hover { width: 70px; height: 70px; padding: 0; position: relative; top: -10px; }
.carousel_li:hover img { width: 70px; height: 70px; }
.imgHover { border: solid 2px #4a82f0; width: 60px; height: 60px; padding: 0px; }
.album_carousel_img:hover { width: 70px; height: 70px; }
.carousel_arrow_next { background-image: url(album_icons.gif); background-repeat: no-repeat; background-position: -45px -543px; }
.active .img_wrap { background-color: #2a2a2a; }
.album_carousel_img { overflow: hidden; width: 60px; height: 60px; background-color: #1d1d1d; position: relative; cursor: pointer; }
.album_carousel_img_hover { overflow: hidden; width: 60px; height: 60px; background-color: #2a2a2a; position: relative; cursor: pointer; }
/*右边评论*/
.af_right_fold.right_open { background-position: -85px -335px; }
.af_right_fold.right_open:hover { background-position: -135px -335px; }
.af_right_fold.right_close:hover { background-position: -35px -335px; }
.af_right_fold.right_close { background-position: 15px -335px; }


.af_right { position: absolute; top: 0; right: 0; bottom: 0; _height: 100%; background: #181818; padding: 20px; width: 235px; z-index: 10; }
.af_right_fold { display: inline; width: 33px; height: 68px; position: absolute; z-index: 2; /* left: -164px; */ margin-top: 134px; top: 30%; background: url(album_icons.gif) no-repeat; font-size: 0; line-height: 0; text-indent: -1000; right: 275px; }
.af_reply_container { color: #999; }
.af_reply_container { z-index: 3; }
.af_reply_container .af_thread_head { padding-bottom: 10px; border-bottom: solid 1px #0d0d0d; }
.af_reply_container .af_thread_title { font-size: 14px; font-weight: bold; color: #999; padding: 5px 0 10px 0; line-height: 20px; }
.af_reply_container .af_thread_title a { color: #999; }
.af_reply_container .af_thread_desc { color: #666; }
.af_reply_container .af_thread_desc a.creator { color: #4a82f0; margin-right: 5px; }
.af_reply_container .af_thread_desc .af_thread_create_time { margin: 0 5px; }
.af_reply_container .af_reply_amount { font-weight: bold; border-top: solid 1px #1b1b1b; padding-top: 20px; }
.scroll_pannel { position: relative; }
.pannel_wrap ul { display: block; z-index: 0; }
.af_reply_container .af_reply_li { position: relative; padding: 10px 0 25px 0; border-bottom: 1px dashed #262626; overflow: hidden; }
.af_reply_container .af_reply_li .af_reply_li_main_misc_user { color: #666; margin-right: 5px; }
.af_reply_li_main_misc_time { color: #666; display: block; padding-top: 6px; }
.af_reply_container .af_reply_li .af_reply_li_main_power { position: absolute; padding: 5px 0; height: 14px; line-height: 14px; right: 0; bottom: 5px; }
.af_reply_container .af_reply_li .af_reply_li_main_power a { margin-left: 10px; }
.pannel_scroll { width: 10px; background: #2a2a2a; position: absolute; z-index: 20px; top: 0; right: -15px; }
.pannel_scroll_bar { width: 10px; background: #4d4d4d; }
.af_reply_pager { padding-top: 10px; }
.af_reply_pager .js_pager { height: 24px; }
.af_reply_pager .js_pager span.status { background-color: transparent; background: 0; color: #666; }
.af_reply_pager .js_pager span.status span { float: none; background: 0; }
.af_reply_pager .js_pager .head_disable, .af_reply_pager .js_pager .head_disable:hover { width: 26px; background-position: 0 -500px; cursor: default; }
.af_reply_pager .js_pager .prev_disable, .af_reply_pager .js_pager .prev_disable:hover { width: 26px; background-position: -30px -500px; cursor: default; }
.af_reply_pager .js_pager .tail { width: 26px; background-position: -120px -440px; }
.af_reply_pager .js_pager .next { width: 57px; background-position: -60px -440px; }
.af_reply_editor_entry { height: 25px; width: 235px; line-height: 25px; border: 1px solid #000; color: #282828; padding-left: 5px; background-color: #828282; margin-top: 20px; -moz-box-shadow: 1px 1px 2px #000 inset; -webkit-box-shadow: 1px 1px 2px #000 inset; box-shadow: 1px 1px 2px #000 inset; }
.af_reply_editor { margin-top: 10px; }
.af_reply_pager .js_pager a, .af_reply_pager .js_pager span { background-image: url(album_icons.gif); background-repeat: no-repeat; display: inline-block; height: 26px; line-height: 26px; padding: 0; border: 0; margin-right: 5px; }
.af_thumbnail { position: absolute; width: 132px; height: 132px; padding: 2px; right: 5px; bottom: 0; z-index: 10; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#88000000",endColorstr="#88000000"); }