@charset "utf-8";
/* CSS Document */

.box {width:980px; margin:auto; border-bottom-color:#CED0D5; border-bottom-style:solid; border-bottom-width:1px;}
.divider_down {background:url(http://www.feng.com/Topic/AppRecommend/images/timcook/divider_down.jpg) top center no-repeat;}
.divider_up {background:url(http://www.feng.com/Topic/AppRecommend/images/timcook/divider_up.jpg) bottom center no-repeat;}

#forewords {width:980px; margin:auto;}
#forewords .box{height:153px}
#forewords p{ padding:45px 20px 40px 115px; color:#cecece; line-height:2; background:url(http://www.feng.com/Topic/AppRecommend/images/timcook/forewords_bg.png) no-repeat 14px 20px;}

#new_odd_number {width:980px; margin:auto;}
#new_odd_number .box{height:275px}
#new_odd_number .left{float:left; width:374px;}
#new_odd_number .right{ margin-left:377px; width:603px;}
#new_odd_number .right h4{ color:#08c;font: 20px "微软雅黑", "黑体", "Arial", sans-serif; padding:40px 100px 20px 100px; text-align:center;}
#new_odd_number .right p{ padding:0px 20px;  line-height:2; font-size:15px; color:#666; font-family: "微软雅黑", "黑体", "Arial", sans-serif}

#new_complex_number {width:980px; margin:auto;}
#new_complex_number .box{height:275px}
#new_complex_number .left{float:left; width:606px;}
#new_complex_number .right{ margin-left:609px; width:371px; height:275px;}
#new_complex_number .left h4{ color:#08c;font: 20px "微软雅黑", "黑体", "Arial", sans-serif; padding:40px 100px 20px 100px; text-align:center;}
#new_complex_number .left p{ padding:0px 20px;  line-height:2; font-size:15px; color:#666; font-family: "微软雅黑", "黑体", "Arial", sans-serif}

#news_list {width:980px; height:1120px;margin:auto}
#news_list .divider_up { height:1120px;border-bottom-color:#CED0D5; border-bottom-style:solid; border-bottom-width:1px;}
#news_list ul{width:980px;/*border-bottom-color:#CED0D5; border-bottom-style:solid; border-bottom-width:1px;*/padding-top:20px;}
#news_list ul li{ width:250px; padding:38px; float:left;}
#news_list ul li h4{color:#08c;font: 16px "微软雅黑", "黑体", "Arial", sans-serif; padding:10px; text-align:center;}
#news_list ul li p{ line-height:2; font-size:13px; color:#666; font-family: "微软雅黑", "黑体", "Arial", sans-serif}

#video {width:980px; margin:auto;}
#video .box{ height:300px; border-bottom-color:#e1e1e1; padding-bottom:20px;}
#video h4{color:#08c;font: 16px "微软雅黑", "黑体", "Arial", sans-serif; padding:20px; }
#video p{ padding:0px 40px 20px 40px;  line-height:2; font-size:15px; color:#666; font-family: "微软雅黑", "黑体", "Arial", sans-serif}
#video .video_left{float:left; padding:0 40px 20px 20px;}
#video .video_right{ margin-left:490px;  padding:0 20px 20px 40px;}

#summary {width:980px; margin:auto;}
#summary .box{height:153px; border-bottom-color:#FFF; padding-bottom:20px;}
#summary p{ padding:45px 20px 40px 115px; color:#cecece; line-height:2; background:url(http://www.feng.com/Topic/AppRecommend/images/timcook/summary_bg.png) no-repeat 14px 20px;}

#box_5 {border-bottom-color:#CED0D5; border-bottom-style:solid; border-bottom-width:1px;}
#box_5 h3{ color:#08c; font: 20px "微软雅黑", "黑体", "Arial", sans-serif; padding:0px 0px 5px 25px; text-align:letf; }


/*--clearfix--*/
.clearfix:before, .clearfix:after{ content:'.'; display:block; height:0; visibility:hidden;}
.clearfix:after{ clear:both;}
.clearfix{ *zoom:1;}

img{ vertical-align:middle;}
.hide{ display:none;}
.wrap{ margin:0 auto; width:980px; overflow:hidden; *zoom:1;}
.box .title{ background-position:-980px 0; height:39px;}
.box h3{ color:#fff; font-size:22px; padding:4px 0 0 60px; }
.box_main{ background:#fff; border:1px solid #d0d0d0; border-width:1px; min-height:40px; }
.box_main .title{ background:none;}
.box_inner{ padding:10px;}
.box .more{ color:#666; position:absolute; right:0; top:0;}
.box .more:hover{ color:#000;}
.btn, .btn span{ display:inline-block; background:url(http://www.feng.com/Topic/AppRecommend/images/btns.png) no-repeat 100% 0; cursor:pointer; height:26px; padding-right:10px;}
.btn{ background-position:0 0; color:#000; line-height:26px; padding:0 0 0 10px;}
.btn:hover{ color:#fff;}
/*页码*/
.page_list{ display:inline-block; *display:inline; *zoom:1;}
.page_list a, .page_list span, .page_list i{ float:left; background:url(http://www.feng.com/Topic/AppRecommend/images/page_bg.png) no-repeat; color:#3a485c; font-style:normal; line-height:24px; margin-right:6px; padding-left:8px; height:25px; -webkit-text-size-adjust:none;}
.page_list i{ background-position:100% 0; margin:0; padding:0 8px 0 0;}
.page_list a:hover, .page_list .curr_page{ background-position:0 -25px; color:#fff; text-decoration:none;}
.page_list a:hover i, .page_list .curr_page i{ background-position:100% -25px; color:#fff; cursor:pointer;}
.page_list .prev_page, .page_list .next_page{}
.page_list .disabled_page, .page_list .disabled_page i{ color:#b4bfd1; cursor:default;}
.page_list .disabled_page:hover{ background-position:0 0;}
.page_list .disabled_page:hover i{ background-position:100% 0; color:#b4bfd1;}
.page_list .page_more, .page_list .page_more:hover{ background:none; color:#3a485c; padding:0 4px;}
.page_list .page_jump{ float:left;}
.page_jump span{ background:none;}
.page_jump input{ float:left; border:1px solid #B4BFD1; line-height:16px; margin:1px 4px 0; padding:1px 2px; height:18px; width:32px;}
.page_jump .page_btn, .page_jump .page_btn:hover{ background-position:0 -50px; color:#fff; margin:0; padding:0; width:42px; text-align:center;}
.pager{ padding:10px 0; height:25px; text-align:center;}

/* 评论 */
.commt_panel{ margin:0 20px 0; overflow:hidden;}
.commt_item{ border-top:1px dashed #8e9fa7; margin:-1px 0 0 50px; padding-top:10px; _zoom:1;}
.commt_header{ font-size:12px; height:40px; position:relative;}
.commt_header .pic{ position:absolute;}
.commt_header .pic img{ border:1px solid #C5C5C5;}
.commt_floor{ float:right; color:#999; font-style:normal; margin-right:4px;}
.commt_hack{ float:right;margin:0 10px; position:relative;}
.commt_hack .tip_info_err{ width:240px; right:40px; top:-4px;}
.commt_hack a{ color:#36acff;}
.commt_hack a:hover{ color:#333;}
.commt_header .pic{ margin:4px 0 0 -46px;}
.commt_header .name{ color:#26578f; font-size:14px; font-weight:bold;}
.commt_header .name:hover{ text-decoration:underline;}
.commt_header .timer{ display:block; color:#999;}
.commt_main{ padding-bottom:6px; word-break:break-all;}
.commt_main p{ color:#666; line-height:2;}
.commt_btns{ margin-bottom:10px; height:26px;}
.commt_btns a, .commt_btns span{ background:url(http://www.feng.com/images_v3/commt_bg.png) no-repeat 0 -46px; cursor:pointer; line-height:24px; height:25px; overflow:hidden}
.commt_btns a{ float:right; margin-left:10px; padding-left:8px;}
.commt_btns a:hover{ text-decoration:none;}
.commt_btns span{ display:inline-block; background-position:100% -98px; padding-right:8px; text-align:center; min-width:44px;}
.commt_btns em{ color:#ff442b; font-weight:bold; font-style:normal;}
.commt_btns .oppose, .commt_btns .agree{ }
.commt_btns .oppose:hover, .commt_btns .agree:hover{ color:#000;}
.commt_btns .oppose span, .commt_btns .agree span{ background-position:100% -46px;}
.commt_btns .agree em{ color:#36acff;}
.commt_report{ background:#fcfcfc; border:1px solid #e2e2e2; margin-bottom:10px; margin-left:0px; padding:6px;}
.commt_report .commt_header{}
.commt_report .pic{ margin:0 10px 0 0; position:static;}
.commt_report .timer, .commt_report .commt_main{ padding-left:34px;}
.commt_report .commt_btns{ margin:0;}
.commt_report .commt_report{ margin:10px 0 0 20px;}
.commt_item .odd{ background:#fff;}
.commt_tips{}
.commt_tips .tip_info{ margin:-36px 0 0;}
.commt_report .tip_info{ margin-top:-28px;}
.commt_panel .pager{ border-top:1px dotted #899aa3; padding:20px 0 10px;}
.add_commt_panel{ border-top:1px solid #d3d3d3; padding-bottom:10px;}
.add_commt_panel h4{ color:#000; font-size:14px; padding:5px 10px;}
.add_commt{ margin:0 10px; _zoom:1;}
.add_commt li{ color:#666; font-size:14px; line-height:32px; padding:5px 0;}
.add_commt li a{ color:#666;}
.add_commt li a:hover{ color:#000;}
.add_commt li label, .add_commt li input, .add_commt .note, .add_commt .content, .add_commt .commt_content,  .add_commt .commt_con{ background:url(http://www.feng.com/Topic/AppRecommend/images/add_commt.png) no-repeat;}
.add_commt li label, .add_commt li input, .add_commt .note{ display:inline-block; height:32px; vertical-align:middle;}
.add_commt li label{ background-position:100% -537px; padding-right:16px;}
.add_commt li input{ background-position:0 -569px; background-repeat:repeat-x; border:0; line-height:32px\9; margin:0 -10px; padding:0; width:200px; outline:0;}
.add_commt .note{ background-position:0 -601px; padding-left:20px;}
.add_commt .note em{ color:#f00; font-style:normal; padding:0 4px;}
.add_commt .content{ background-position:0 20px; padding:20px 0 0; margin-bottom:6px;}
.add_commt .commt_content{ background-position:0 -179px; background-repeat:repeat-x; margin:0 14px; position:relative;}
.commt_content .commt_con{ background-position:100% -358px; padding:36px 0 13px; height:130px; _padding-bottom:11px;}
.commt_content .commt_con label, .commt_content .note{ display:none;}
.commt_content textarea{ background:none; border:0; resize:none; height:130px; width:98%;}
.add_commt .checkcode{}
.add_commt .checkcode input{ width:80px;}
.add_commt .checkcode img{ vertical-align:middle;}
.add_commt .btns{ margin:-44px 24px 0 0; text-align:right;}
.add_commt .btns input{ background:url(http://www.feng.com/Topic/AppRecommend/images/commt_bg.png) no-repeat 0 -71px; color:#fff; cursor:pointer; line-height:26px; height:27px; width:76px; text-shadow:1px 1px 0 #000;}
.add_commt .btns input:hover{ background-position:100% -71px;}
.add_commt_note, .add_commt_note a, .add_commt_note span{ position:absolute;}
.add_commt_note{ width:100%; left:0; top:0;}
.add_commt .add_commt_info{ color:#9fabb0; font-size:12px; right:20px;}
.add_commt .add_commt_info em{ font-size:20px; font-style:normal; font-weight:bold;}
.add_commt .pic, .add_commt .name, .add_commt .name span{ background:url(http://www.feng.com/Topic/AppRecommend/images/commt_user.png) no-repeat; cursor:pointer;}
.add_commt .pic{ height:38px; width:38px; left:-14px; top:-8px;}
.add_commt .pic img{ margin-left:6px;}
.add_commt .name{ background-position:100% -68px; left:24px;}
.add_commt .name span{ display:inline-block; background-position:0 -38px; background-repeat:repeat-x; margin-right:14px; padding:0 14px; height:30px; position:static;}
.report_box{ display:none; background:#fff; border:6px solid #ddd; padding:10px; width:600px; position:absolute; left:0; top:0; border-radius:10px;}
.report_box .close{ background:url(http://www.feng.com/Topic/AppRecommend/images/tip_bg.png) no-repeat 0 -17px; height:17px; width:17px; position:absolute; top:1px; right:1px; font-size:0;}
.report_box .close{ -webkit-transition:-webkit-transform .2s ease-in;}
.report_box .close:hover{ -webkit-transform:rotate(180deg); -webkit-transform-origin:50% 50%;}
.add_commt .tip_info_err{ margin:0 0 0 6px;}
.add_commt_btn{ background:url(http://www.feng.com/Topic/AppRecommend/images/apprecommend_1207_images/add_commt_btn.png) no-repeat; line-height:38px; height:38px; width:111px; position:absolute; right:0; top:0; text-indent:36px; z-index:3;margin: 0; color:#fff}
.add_commt_btn:hover{ background-position:0 -38px; color:#cecece}
.commt_order{ margin:-25px 0 0 820px; position:absolute; }
.commt_order li{ float:left;}
.commt_order li a, .commt_order li span{ display:inline-block; background:url(http://www.feng.com/Topic/AppRecommend/images/tab_bg.png) no-repeat; cursor:pointer; height:24px; overflow:hidden;}
.commt_order li a{ color:#666; margin:0 5px; text-shadow:1px 1px 0 #fff;}
.commt_order li span{ background-position:100% 0; padding:0 10px; line-height:26px;}
.commt_order li a.focus, .commt_order li a:hover{ background-position:0 -26px; height:25px;}
.commt_order li a.focus span, .commt_order li a:hover span{ background-position:100% -26px;}

.box_commt .box_rt{ z-index:-1;}
.box_commt .title{ position:relative;}
.box_commt .counter{ margin:-26px 0 0 166px; position:absolute; color: #333; }
.box_commt .counter em{ color:#f00; font-style:normal; padding:0 4px;}

/* 一个小提示 */
.tip_info, .tip_info_err{ background:#ebf7ff; border:1px solid #99bddf; color:#0199ff; padding:3px 40px 3px 5px; position:absolute; border-radius:5px; overflow:hidden; line-height:1.5 !important;}
.tip_info a, .tip_info_err a{ background:url(http://www.feng.com/Topic/AppRecommend/images/tip_bg.png) no-repeat; height:17px; width:17px; text-indent:-9999em; position:absolute; right:4px; top:4px; overflow:hidden;}
.tip_info_err{ background:#ffebeb; border-color:#df9999; color:#ff0101;}
.tip_info_err a{ background-position:0 -17px;}

.go_top{ margin:0 auto; width:980px; /*position:relative;*/}
.go_top a{ background:url(../images/top.png) no-repeat; margin:0 0 0 984px; height:34px; width:34px; position:fixed; bottom:80px; text-indent:-9999em;}
.go_top a{ _position:absolute; _bottom:auto;}
.go_top a:hover{ background-position:0 100%;}

/*fix 2012.01.11*/
.pic_list{ height:160px;}
.app_info li{ color:#815649;}
.pos_panel{ display:none;}