.hot_cool{ position:relative; border:1px solid #e0e0e0; background:#fff; width:980px; margin:0 auto;}

/*hot board*/
.hot_board{ width:980px; background-color:#fff; margin:0 auto;}
.hot_board ul{ margin:0px 5px 0px 15px;}
.hot_board ul li{ width:160px; height:45px; line-height:45px; display:block; float:left; position:relative;}
.hot_board ul li a{ line-height:45px; display:block; float:left; vertical-align:top;}
.hot_board ul li a:hover{ text-decoration:none; }
.hot_board ul li a img{ overflow:hidden; margin:12px 10px auto 0px; width:24px; height:24px;}

/*site board*/
.site_board_list{ float:left; margin:0 auto;}
.site_board_list ul{ width:170px; height:240px; overflow:hidden; font-size:14px; border:1px solid #ccc; background-color:#fff; display:inline; float:left; margin:0px 0px 15px 10px;}
.site_board_list ul li.hc,.site_board_list ul li.hc a{ float:left; text-indent:12px; width:170px; line-height:30px; height:30px; overflow:hidden; display:block; clear:both;}
.site_board_list ul li.hc a:hover{ background-color:#eeeded; text-decoration:none; display:block;}
.site_board_list ul li.ht a{ float:left; width:168px; display:block;height:40px; line-height:40px; margin-bottom:2px; font-size:18px; text-indent:12px; color:#000; background-color:#dfeaf0; overflow:visible; border-bottom:1px solid #ccc; margin:1px;}
.site_board_list ul li.ht a:hover{ text-decoration:none; background-color:#e8f2f7;}

/*color_board*/
.color_blue h1 a{ height:40px; line-height:40px; display:block; margin-bottom:2px; font-size:20px; color:#fff; background-color:#98CCFF; text-indent:12px;}
.color_blue h1 a:hover{ background-color:#49BFEB;}
.color_blue h1{ background-color:#98CCFF;}

.color_gray h1 a{ height:40px; line-height:40px; display:block; margin-bottom:2px; font-size:20px; color:#fff; background-color:#ccc; text-indent:12px;}
.color_gray h1 a:hover{ background-color:#999;}
.color_gray h1{ background-color:#ccc;}

.color_yellow h1 a{ height:40px; line-height:40px; display:block; margin-bottom:2px; font-size:20px; color:#fff; background-color:#FFA07A; text-indent:12px;}
.color_yellow h1 a:hover{ background-color:#999;}
.color_yellow h1{ background-color:#FFA07A;}

.color_orange h1 a{ height:40px; line-height:40px; display:block; margin-bottom:2px; font-size:20px; color:#fff; background-color:#F90; text-indent:12px;}
.color_orange h1 a:hover{ background-color:#999;}
.color_orange h1{ background-color:#F90;}

.color_deepblue h1 a{ height:40px; line-height:40px; display:block; margin-bottom:2px; font-size:20px; color:#fff; background-color:#4D90FE; text-indent:12px;}
.color_deepblue h1 a:hover{ background-color:#357aeb;}
.color_deepblue h1{ background-color:#4D90FE;}

/*hotbig*/
.hotsite{ width:980px; margin:0 auto; border-bottom:1px dashed #ccc; background:#fff; height:90px; clear:both;}
.hotsite ul{ float:left; width:80px; text-align:center; display:inline; font-size:12px; margin:3px 8px 9px 8px; position:relative;}
.hotsite ul li{ width:80px; display:inline-block; float:left; line-height:24px; overflow:hidden; text-align:center; clear:both;}
.hotsite li.hots_link a{ border-bottom:3px solid #fff; width:80px; display:inline-block; text-decoration:none;}
.hotsite ul li.hots_link a:hover{ background:#f1f1f1;}
.hotsite li.hots_link img{ height:36px; width:36px; margin-bottom:12px; margin-top:12px; overflow:hidden;}
.hotsite li.hots_link a span{ height:24px; width:80px; display:block; text-decoration:none; font-size: 13px;}
.hotsite li.hots_link a:hover span{ text-decoration:none; color:#f90;}
.hotsite li.sub_board{ position:absolute; top:84px; width:178px; left:0px; z-index:100; background:#fff; line-height:26px; border:none; font-size: 13px;}
.hotsite li.sub_board a:hover{ background:#f1f1f1;}
.hotsite li.sub_board a{ display:block; float:none; height:36px; line-height:36px; text-align:left; padding-left:5px;}
.hotsite li.sub_board a img{ vertical-align:middle; padding-right:4px; margin:0px 2px auto 5px;}

/*plugin*/
.plugin{padding:0;margin:0;height:38px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f4f4f4), to(rgba(238, 238, 238, 1))) no-repeat; border-bottom:1px solid #dfdfdf; display:none;}
.plugtip{ width:1000px; margin:0 auto; height:38px; line-height:38px; text-align:center;}
.plugtip p{ font-size:14px;}
.plugtip p input{ font-size:14px; padding:4px; }

.plugclose{ position: absolute; right: 10px; top: 10px; cursor:pointer;}

/*rss*/
.sitebox{ width:980px; margin:0 auto; }
.rss{ float:left; width:252px;}
.rtabbox{ width:252px; height:250px;}
.rtabmenu{ width:248px; height:40px; border:1px solid #ccc; padding:1px;}
.rtabmenu ul{ margin:0; padding:0; list-style-type:none;}
.rtabmenu li{ text-align:center; float:left; display:block; width:62px; height:40px; overflow:hidden; background-color:#dfeaf0; line-height:40px; display:inline; font-size:16px;}
.rtabmenu .rcli{ text-align:center; float:left; display:block; width:62px; height:40px; overflow:hidden; background-color:#94bacf; line-height:40px;display:inline; font-size:16px; cursor:pointer; color:#fff;}
#rtabcontent{ width:250px; height:197px; background-color:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
#rtabcontent ul{ margin:0; padding:5px; list-style-type:none;}
#rtabcontent .rhidden{ display:none;}
#rtabcontent ul li{ width:240px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:240px; font-size:14px; line-height:22px;}
#rtabcontent ul li .newimg{ float:left; height:70px; width:104px;}
#rtabcontent ul li .newtitle { float:left; height:70px; width:136px; white-space:normal; font-size:14px;}
#rtabcontent ul li .newimg a img{ width:100px; height:60px; border:1px solid #dfeaf0;}
#rtabcontent ul li .newimg a img:hover{ border:1px solid #94bacf;}
#rtabcontent ul li .newtitle a { float:left; margin-left:2px; }
.new1{ height:70px; overflow:hidden;}

/*ad pop*/
.adv_pop{ display:none; width:200px; height:200px; position:fixed; bottom:0px; top:auto; right:0px; z-index:99; background:#fff;}
.adv_iframe{ width:200px; height:200px;}

/*hotsites*/
.hotsortable{ float:left; border-bottom:1px dashed #ccc; width: 980px;}
.hotsortable li{ float:left; position:relative; padding:5px; display:block; width:160px; float:left; overflow:hidden; border:1px solid #d9d9d9; border-bottom-color:#999; border-right-color:#999; background-image:-moz-linear-gradient(top,#f5f5f5 0%,#eee 100%); background-image: -o-linear-gradient(top,#f5f5f5 0%,#eee 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f5f5f5),color-stop(1,#eee)); background-image: -webkit-linear-gradient(top,#f5f5f5 0%,#eee 100%); background-color: #f0f0f0; -webkit-box-shadow: inset 0px 1px 0px 0px #fff; box-shadow: inset 0px 1px 0px 0px #fff; border-radius: 3px; margin:20px 10px 10px;}
.hotsortable li:hover {
text-decoration: none;
background-image: -ms-linear-gradient(top,#ececec 0%,#dbdbdb 100%);
background-image: -moz-linear-gradient(top,#ececec 0%,#dbdbdb 100%);
background-image: -o-linear-gradient(top,#ececec 0%,#dbdbdb 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ececec),color-stop(1,#dbdbdb));
background-image: -webkit-linear-gradient(top,#ececec 0%,#dbdbdb 100%);
background-color: #ddd;
background-image: linear-gradient(top,#ececec 0%,#dbdbdb 100%);
}
.hotsortable li a{ display:block; color:#333; text-shadow:0px 1px 0px #fff; line-height:36px; font-size:18px; cursor:pointer;}
.hotsortable li a:hover{ text-decoration:none;}
.f_icon{ width:36px; height:36px; display:block; float:left; margin-right:10px;}
.hotsortable li a strong{ font-weight:normal;}
.hotsortable li.addsite{ height:36px; border:1px dashed #ccc; cursor:pointer;}
.hotsortable li.addsite:hover{  background-image:#fff;background-image: -ms-linear-gradient(top,#ececec 0%,#fff 100%);
background-image: -moz-linear-gradient(top,#ececec 0%,#fff 100%);
background-image: -o-linear-gradient(top,#ececec 0%,#fff 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ececec),color-stop(1,#fff));
background-image: -webkit-linear-gradient(top,#ececec 0%,#fff 100%);
background-color: #ddd;
background-image: linear-gradient(top,#ececec 0%,#fff 100%);}
.vertical { height: 60%; left: 47%; right: 47%; top: 20%; width: 6%; border-radius: 2px; position: absolute; background: rgba(221,217,217,1);}
.horizontal { height: 20%; left: 38%; right: 38%; top: 42%; width: 24%; border-radius: 2px; position: absolute; background: rgba(219,218,218,1);}

.hotpopMask{ float: left; position: absolute; background:#fefefe; display:none; z-index:10000;}
.poptop{ float:left; border-bottom:1px solid #999; height: 40px; width:980px;}
.hotclosebtn{ background-repeat:no-repeat; width:24px; height:24px; margin-top:10px; margin-right:10px; float:right; z-index:10002; cursor:pointer;}
.hotclosebtn:hover{ background-position: 0 -25px;}
.hotmain{ -webkit-box-shadow:2px 0 6px #EAEAEA,-2px 0 6px #EAEAEA,0px 1px 5px #EAEAEA; -moz-box-shadow:2px 0 6px #EAEAEA,-2px 0 6px #EAEAEA,0px 1px 5px #EAEAEA; -o-box-shadow: 2px 0 6px #eaeaea,-2px 0 6px #eaeaea,0px 1px 5px #eaeaea; -ms-box-shadow:2px 0 6px #eaeaea,-2px 0 6px #eaeaea,0px 1px 5px #eaeaea; box-shadow:2px 0 6px #EAEAEA,-2px 0 6px #EAEAEA,0px 1px 5px #EAEAEA; text-align:center; background:#fff; border:1px solid #e5e5e5; width:980px; height:550px; z-index:10001; top:100px;}
.manage_hotsites{ float:left; font-weight:bold; font-size:16px; margin-top:10px; margin-left:10px;}
.resetdefault{ float:right; font-size:12px; margin-right:25px; margin-top:18px;}
.resetdefault a{ color:#0053a5;}

.sortable{ float:left; border-bottom:1px dashed #ccc; width: 980px;}
.sortable li{ float:left; position:relative; padding:5px; display:block; width:164px; float:left; overflow:hidden; border:1px dashed #d9d9d9; border-bottom-color:#999; border-right-color:#999; background-image:-moz-linear-gradient(top,#f5f5f5 0%,#eee 100%); background-image: -o-linear-gradient(top,#f5f5f5 0%,#eee 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f5f5f5),color-stop(1,#eee)); background-image: -webkit-linear-gradient(top,#f5f5f5 0%,#eee 100%); background-color: #f0f0f0; -webkit-box-shadow: inset 0px 1px 0px 0px #fff; box-shadow: inset 0px 1px 0px 0px #fff; border-radius: 3px; margin:10px;}
.sortable li:hover {
text-decoration: none;
background-image:#fff;background-image: -ms-linear-gradient(top,#ececec 0%,#fff 100%);
background-image: -moz-linear-gradient(top,#ececec 0%,#fff 100%);
background-image: -o-linear-gradient(top,#ececec 0%,#fff 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ececec),color-stop(1,#fff));
background-image: -webkit-linear-gradient(top,#ececec 0%,#fff 100%);
background-color: #ddd;
background-image: linear-gradient(top,#ececec 0%,#fff 100%);
}
.sortable li a{ float: left; display:block; color:#333; text-shadow:0px 1px 0px #fff; line-height:36px; font-size:16px; cursor:move;}
.sortable li a:hover{ text-decoration:none;}
.sortable li a strong{ float:left;width: 84px; text-align: left; overflow: hidden;}
.sortable .f_icon{ width:36px; height:36px; display:block; float:left; margin-right:10px;}
.sortable li a strong{ font-weight:normal;}
.sortable li a.modify,.sortable li a.delete{ float: right; cursor:pointer; margin-right:5px;}
.addhotsite{ float:left; position:relative }
#addsitetitle{ font-size:16px; font-weight:bold; float:left; line-height:28px; height:28px; display:block; margin-left:10px;}
#addname,#addurl,#addimg{ width:200px; text-align:right; display: inline-block; float:left; line-height: 30px; height: 30px;}
#addinname,#addinurl,#addinimg{float: left; margin-left:10px; line-height:16px; height:16px; color:#333; margin-left:2px; border:1px solid #a1bcd1; padding:4px 7px 4px 4px; background-color:#fff; margin:4px;}
#addinname{ width:160px; margin-right:8px;}
#addinurl{ width: 292px;}
#addinimg{ width:292px;}
#addinbtn{ float:left; cursor:pointer; margin:10px 0px 5px 204px; padding:4px 8px; border:1px solid #d9d9d9; border-bottom-color:#999; border-right-color:#999; background-image:-moz-linear-gradient(top,#f5f5f5 0%,#eee 100%); background-image: -o-linear-gradient(top,#f5f5f5 0%,#eee 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f5f5f5),color-stop(1,#eee)); background-image: -webkit-linear-gradient(top,#f5f5f5 0%,#eee 100%); background-color: #f0f0f0; -webkit-box-shadow: inset 0px 1px 0px 0px #fff; box-shadow: inset 0px 1px 0px 0px #fff; border-radius: 3px;}
#addinbtn:hover{ background-image:#fff;background-image: -ms-linear-gradient(top,#ececec 0%,#fff 100%);
background-image: -moz-linear-gradient(top,#ececec 0%,#fff 100%);
background-image: -o-linear-gradient(top,#ececec 0%,#fff 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ececec),color-stop(1,#fff));
background-image: -webkit-linear-gradient(top,#ececec 0%,#fff 100%);
background-color: #ddd;
background-image: linear-gradient(top,#ececec 0%,#fff 100%);}
.placeholder{ line-height:normal; position:absolute; color:#999; font-size:14px; margin:0; cursor:text; }
.placeholder_name{ left:208px; top:35px;}
.placeholder_url{ left:208px; top:69px;}
.placeholder_img{ left:208px; top:102px;}
.error{ display:none; font-size:12px; color:#ff0000; float:left; line-height:30px; height:30px;}
.f_icon img{ width:36px; height:36px;}

.js_manage{ position:absolute; top:0; right:0; width:33px; height:33px; cursor:pointer; z-index:10;}