@charset "gb2312";
/* junshi.css
 * Date    : 2015-06-09
 * Author  : Rambo
 */

 /* global */
.head .cur_logo{width:97px;height:48px;display:inline;margin-top:6px;float: left;background:url(../../pic/junshi/junshi_logo.png) no-repeat;}
.none{display:none;*zoom:1}
.mt10{margin-top: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.hr1 { height: 0; font-size: 0; line-height: 0; overflow: hidden;border-bottom:1px dotted #cbcbcb; margin:14px 0 12px; }
/*rgba .5*/
.opc5{ background: url(about:blank); background: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#7F000000", EndColorStr="#7F000000");
}
.opc75 { background: url(about:blank); background: rgba(0,0,0,.75); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#BF000000", EndColorStr="#BF000000");
}
:root .opc5,
:root .opc75{ filter: none; }


/*sub-menu*/
.sub-menu{border:1px solid #dcdcdc;background-color: #fff;width:978px;margin:0 auto 10px;padding:5px 0 5px 20px;}
.sub-menu li{float:left;_display:inline;width:96px;height:22px;line-height: 22px;overflow: hidden;font-size: 14px;}
/*============ Components =======*/
/*text list*/
.text-list{ overflow: hidden; *zoom:1;}
.text-list li{ height: 24px; line-height: 24px; font-size: 14px; overflow: hidden; vertical-align: top;position:relative; letter-spacing: 3px;padding-left: 12px;}
.text-list li i{width: 3px; height: 3px; background: #d9d9d9; overflow: hidden; display: inline-block;vertical-align: middle;position:absolute;left:0;top:50%;margin-top:-1px;}
.text-list li a{display:inline-block;vertical-align: middle;letter-spacing: normal;}
.text-list-float li{float:left;_display:inline;}
/*media-list*/
.media-list li{float:left;_display:inline;}
.media-list .pic{position:relative;width: 155px;height: 117px;display:block;overflow: hidden;}
.media-list .pic img { vertical-align: top; }
.media-list .pic span { position: absolute; bottom: 0;left: 0;padding: 0 10px; width: 135px;color: #fff; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;font:normal 12px/25px 'Microsoft Yahei';text-align: center;}
.media-list .pic:hover span { color: #fd5151;text-decoration: underline; }
.play{display:inline-block;width:40px;height:40px;overflow:hidden;position:absolute;z-index:99;left:50%;top:50%;margin:-20px 0 0 -20px;cursor:pointer;background:url(../../image/newsweek/ico_play.png) 0 0 no-repeat;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/newsweek/ico_play.png',sizingMethod='crop');}

/*media-item*/
.media-item {position:relative;padding-left: 106px;*zoom:1;}
.media-item .pic{position:absolute;left:0;top:0;}
.media-item h3{font:normal 14px/18px 'Microsoft Yahei';margin-bottom: 8px;overflow: hidden;height:18px;}
.media-item h3 a{color:#d30606;}
.media-item h3 a:hover{color:#fd5151;}
.media-item .sum{color:#999;font-size: 12px;position:relative;text-align: justify;}
.media-item .sum a{color:#999;}
.media-item .sum a:hover{color:#fd5151;}
.media-item .sum .aMore{position:absolute;right:0;bottom:0;background: #fff;color:#333;}
.media-item .sum .aMore:hover{color:#fd5151;}

.ulPic li { text-align: center;float: left;}
.ulPic li .pic{display:block;position:relative;}
.ulPic li img { display: block; vertical-align: top;}
.ulPic .sTit { height: 28px; line-height: 28px; overflow: hidden; font-size: 12px; display: block;border:1px solid #e6e6e6;border-top:0 none;color: #666;cursor: pointer;}
.ulPic .sTit{ color: #666;}
.ulPic a:hover .sTit { color: #fd5151;}

/*rank list*/
.rank-list{*zoom:1;overflow: hidden;}
.rank-list li{height: 26px; line-height: 26px; font-size: 14px; overflow: hidden; vertical-align: top;}
.rank-list li .num{width:15px;height: 15px;overflow: hidden;text-align: center;color:#fff;font:normal 12px/15px Arial;background: #adadad;border-radius:2px;float:left;margin:7px 7px 0 0;}
.rank-list li .up{background: #d30606;}

/*mod box*/
.mod-a .th{border-bottom: 1px solid #d4d4d4;height:34px;line-height: 34px;}
.mod-a .th h2{float:left;border-bottom: 2px solid #d30606;font:normal 18px/34px 'Microsoft Yahei';color:#333;height:33px;margin-bottom: -1px;position:relative;}
.mod-a .th h2 .i-rank{float:left;width: 14px;height: 16px;overflow: hidden;background: url(../../image/junshi/i-rank.gif) no-repeat;margin:10px 5px 0 0;}
.mod-a .th .more{float: right;font-size: 12px;}
.mod-a .th .pRight { float: right;}
.mod-a .th .pRight a { margin-left: 10px;font-size: 12px; display: inline; color: #666}
.mod-a .th .pRight a:hover { color: #fd5151;}
.mod-a .tb{padding:15px 0 0;overflow: hidden;width: 100%;}


/*============ Components end =======*/

/*recommendArea*/
.recommendArea{padding-top: 10px;}
.recommendArea .col-a,.recommendArea .col-b,.recommendArea .col-c{float:left;_display:inline;}
.recommendArea .col-a{width: 320px;}
.recommendArea .col-b{width: 360px;margin:0 10px 0 20px;}
.recommendArea .col-c{width: 221px;padding:0 10px 0 18px;}

/*slider*/
.sliderWrap {width: 320px; height: 350px; overflow: hidden; position: relative; }
.sliderWrap .sliderScroll { width: 320px; height: 350px; overflow: hidden; }
.sliderWrap .sliderScroll li { overflow: hidden; position: absolute; left: 0; top: 0; display: none; }
.sliderWrap .sliderScroll .img img { vertical-align: top; width: 100%; height: 350px; }
.sliderWrap .sliderScroll .slideInfo { height: 30px;padding:8px 10px 18px; width: 300px; position: absolute; bottom: 0; left: 0; z-index: 2; }
.sliderWrap .sliderScroll .slideInfo h3{ width: 100%; text-overflow: ellipsis; white-space: nowrap; color: #fff; height:21px;font:normal 18px/21px 'Microsoft YaHei';}
.sliderWrap .sliderScroll .slideInfo a { color: #fff; }
.sliderWrap .sliderScroll .slideInfo a:hover { color: #fd5151; }
.sliderWrap .slideDot { position: absolute; bottom: 10px; left:0px; z-index: 3; height: 8px; overflow: hidden; line-height: 0; background: url(about:blank);width:100%;text-align: center; }
.sliderWrap .slideDot span { width: 8px; height: 8px; overflow: hidden; display: inline-block; cursor: pointer; margin: 0 2px; background:#b3b3b3;border-radius: 50%; }
.sliderWrap .slideDot span.current { background:#d30606; }

.recommendArea{margin-bottom: 15px;}
.recommendArea .col-a .media-list{margin-right:-10px;}
.recommendArea .col-a .media-list li{margin-right:10px;margin-top: 13px;}

.recommendArea .col-b h3{font:normal 16px/28px 'Microsoft YaHei';text-align: center;height:28px;overflow: hidden;}
.recommendArea .col-b h3 a{color:#d30606;}
.recommendArea .col-b h3 a:hover{color:#fd5151;}
.recommendArea .col-b .text-list-float li{width:158px;float:left;_display:inline;}

.recommendArea .col-c{border-left:1px solid #e6e6e6;}
.recommendArea .col-c .first{margin:-5px 0 10px;}
.recommendArea .col-c .tb{padding-top: 8px;}

.row-cate .mod-a{float:left;width:293px;height:307px;_display:inline;margin-bottom: 15px;}
.row-cate .mod-a .media-item{height:84px;margin-bottom: 5px;}
.row-cate .mlr40{margin: 0 40px;}
.row-cate .mod-a .media-list-145{margin-right:-5px;margin-bottom: 3px;}
.row-cate .mod-a .media-list-145 li{margin-right:4px;}
.media-list-145 .pic{width: 145px;height:110px;}
.media-list-145 .pic span{width:125px;}
.row-cate .mod-a .media-item .sum{height:54px;overflow: hidden;}

.picScroll { position: relative; padding: 0 0 10px 0; height: 268px; overflow: hidden;}
.picScroll .leftBtn,.picScroll .rightBtn { background: url(../../image/junshi/btnArrowMap.png) 0 0 no-repeat; width: 20px; height: 62px; overflow: hidden; position: absolute; top: 50%; margin-top: -31px; display: block; z-index: 20}
.picScroll .leftBtn { left: 0; background-position: 0 0;}
.picScroll .leftBtn:hover { background-position: 0 -63px;}
.picScroll .rightBtn { right: 0; background-position: -21px 0;}
.picScroll .rightBtn:hover { background-position: -21px -63px;}
.picScroll .picConList { width: 887px; margin: 0 auto; overflow: hidden; position: relative; z-index: 5; height: 268px;}
.picScroll .picConList .con { overflow: hidden; position: absolute;}
.picScroll .ulPic { width: 894px;float:left;}
.picScroll .ulPic li { width: 142px; float: left; padding: 0 7px 10px 0;}

.row-two .col-a, .row-two .col-b{float:left;_display:inline;}
.row-two .col-a{width:626px;}
.row-two .col-b{width:295px;margin-left: 39px;}

.pic72 {margin-right:-3px;}
.pic72 li { width: 72px; margin-right: 2px;}
.pic72 li .sTit { border:0 none;}

.pic80 {margin-right: -29px;}
.pic80 li { width: 80px; margin-right: 29px;}
.pic80 li .sTit { border:0 none;}

.pic145 {margin-right:-15px;}
.pic145 li { width: 145px;margin-right:15px;}
.pic145 li .play{height:100px;margin-top: -30px;}
.pic145 li .sTit {border:0 none;}

/*tools-table*/
.tools-table {border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;}
.tools-table a{float:left;width:97px;height:29px;line-height: 29px;text-align: center;background-color: #fcfcfc;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;font-size: 12px;color:#666;}
.tools-table a:hover{margin:-1px 0 0 -1px;position:relative;color:#fd5151;border:1px solid #d30606;background-color: #f7f7f7;text-decoration: none;}

.text-list98 li{width:86px;float: left;font-size: 12px;height: 18px;line-height: 18px;}
.text-list98 li a{color:#666;}
.text-list98 li a:hover{color:#fd5151;}