/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
html{-webkit-text-size-adjust:none;}
body{background-color:#f0f0f0;font:12px/2em Microsoft Yahei,tahoma,HELVETICA;text-align:center;color:#333;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:none;vertical-align:top;
    -webkit-transition:opacity .2s;
    -moz-transition:opacity .2s;
    -o-transition:opacity .2s;
    transition:opacity .2s;
    -ms-transition:none;
}
i,em{font-style:normal;}
input,select,option,textarea{font-size:12px;font-family:Microsoft Yahei,tahoma,HELVETICA;outline:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#09f;}
a:hover em,a:hover b, a:hover i, a:hover span {cursor:pointer;}
a:hover img {opacity:0.9}
.container {width:1120px;margin:0 auto;}
.wrapper {overflow: hidden;zoom: 1;}

noscript,.spanclass,.pannel,.pannel-inner,.hidden{display:none;}
.show,.block{display:block;}
.mark,.fl,.mark-sub,.fr{display:inline;}
.mark,.fl{float:left;}
.mark-sub,.fr{float:right;}
.fs-14{font-size:14px;}
.fs-16{font-size:16px;}
.fc-red {color: #ff4040;}
.fc-blue {color: #09f;}
.fc-green {color: #4c9;}
.fc-red2 {color: #ff4f4f;}
.clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.clearfix{*zoom:1}
.clearfix:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}

.logo,.ks-input .submit, .upload-video i, body .navibar .nb-arrow, .slider-top .prev, .slider-top .next, .icon-arrow-top, .umb i, .icon-play, .icon-arrow, .icon-mes, .red-dot, .circle-ctrl .item, .more i, .art-extra span i, .guide .top, .guide .uplode-v, .icon-close, .icon-aut, .icon-error {background-image: url(/www1/2016/lightvideo/images/sprite.png);background-repeat: no-repeat; float: left;}
.icon-play {width: 32px;height: 32px; background-position: -544px -23px;}
.icon-arrow {
    width: 9px;
    height: 5px;
    background-position: -500px -6px;
    transition: .25s;
    -moz-transition: .25s;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.icon-aut {width:16px;height: 16px;background-position: -632px -45px;display: inline-block;float: none;margin: 3px 4px -3px 6px;}
.icon-error {width: 14px;height: 14px;background-position: -580px -45px;display: inline-block;}
.red-dot {width: 6px;height: 6px;position: absolute;display: block;background-position: -514px -45px;}
.icon-close {width: 16px;height:16px;background-position: -596px -23px;}
.icon-arrow-top {width: 13px;height: 7px;position: absolute;background-position: -500px -16px;}
.circle-ctrl {height: 14px;text-align: center;zoom: 1;line-height: 0;font-size: 0;overflow: hidden;}
.circle-ctrl .item {width: 14px;height: 14px;background-position: -529px -30px;margin-left: 5px;}
.circle-ctrl .item.current {background-position: -514px -30px;}
.circle-ctrl-out {padding: 23px 0 0 0; float:right;}
.btn {border: 1px solid #e5e5e5;border-radius: 3px;color: #999;text-align: center;}
.btn:hover {border-color: #2fb3ff;background-color: #2fb3ff;color: #fff;}
.btn-blue {background-color: #1af;border-color: #1af;color: #fff;}
.btn-blue-2 {border-color: #09f;color: #09f;}
.btn-blue:hover, .btn-blue-2:hover {background-color: #09f;border-color: #09f;color: #fff;}
.avatar, .avatar img {border-radius: 50%;}
.doc {min-width:1120px;background-color: #f2f2f2;}

.area {margin-top: 20px;width:1120px;margin:20px auto 0;overflow: hidden;zoom: 1;}
.area::after {content: "\20";clear: both;height: 0;display: block;overflow: hidden}
.col-a, .col-b {float: left;}
.col-a {width: 760px;margin-right: 20px;}
.col-b {width:340px;}

.box {background-color: #fff;margin-top: 20px;padding-bottom: 20px;}
.box .hd {height: 56px;line-height: 56px; border-bottom: 1px solid #e5e5e5;font-size: 18px;padding:0 20px;text-align: left;}
.box .hd .mark {float: left;}
.box .hd .mark-sub a {font-size: 12px;color: #999;}
.box .hd .mark-tab a {font-size: 16px;margin-right: 30px;color: #999;}
.box .hd .mark-tab .current {font-size: 18px;color: #09f;}
.box .hd .mark-tab a:hover, .box .hd .mark-sub a:hover {color: #09f;}
.box .bd {}


.drop {position: relative;}
.drop-hd {padding:0 10px;}
.drop-bd {position: absolute;z-index: 1;display: none;}
.drop-hover .drop-bd {display: block;}
.drop-bd-wrap {}


.crumb {height: 40px;line-height: 40px;color:#999;text-align: left;}
.crumb a {color:#999;}
.crumb a:hover {color: #09f;}

.tags {overflow: hidden;zoom: 1;}
.tags a {float: left;border:1px solid #e5e5e5;height: 18px;line-height: 18px; padding:0 8px;margin-right: 5px;border-radius: 9px;}

.authentication {padding:50px 20px 20px; background:#fff url(/www1/2016/lightvideo/images/sprite.png) no-repeat 0 -61px;}
.authentication p {text-align: left;font-size: 14px;line-height: 28px;margin-bottom: 10px;}
.authentication .apply {width: 300px;height: 50px;line-height: 50px; display: block;margin:0 auto;background-color: #f62;color: #fff;font-size: 18px;font-weight: bold;}


/*send Message*/
.pop-send-msg {width: 378px;padding: 12px 20px;background-color: #fff;border: 1px solid #e5e5e5;box-shadow: 0px 0px 4px 0px #ddd;position: fixed;top:50%;left:50%;margin:-88px 0 0 -210px;text-align: left; overflow: hidden;zoom: 1;z-index: 1;display: none;}
.pop-send-msg p {font-size: 14px;margin-bottom: 4px;}
.pop-send-msg .ta {padding: 2px 4px;margin-bottom: 10px; width: 368px;height: 80px; border: 1px solid #d1d1d1;background-color: #f0f0f0;color: #999; resize:none;vertical-align: top;overflow-x: hidden;overflow-y: auto;*float: right;}
.pop-send-msg .input-hl {color: #333;}
.pop-send-msg .btn {float: right;width: 66px;height: 24px;line-height: 24px;text-align: center;}
.pop-send-msg .icon-close {position: absolute;right:5px;top:5px;}


.action {float: right;width:70px;}
.action .btns a {width: 68px;height: 26px;line-height: 26px; border:1px solid #1af;background-color: #1af;color: #fff;display: none;border-radius: 3px;margin-top: 16px;}
.action .btns a.following, .user-list li .action .btns a.cancel-follow {background-color: #fff;color: #1af;display: none;}
.action .btns a.follow:hover {border-color: #09f;background-color: #09f;}

.art-news {}
.art-news {padding:12px 20px;margin-bottom: -12px; text-align: left;}
.art-news li {font-size: 14px;line-height: 30px;}

/*form wrap*/
.form-wrap {padding:30px 20px 20px;}
.form-wrap .row {font-size: 14px;margin-bottom: 20px;}
.form-wrap .row .r-hd {width: 220px;padding-right: 20px;height: 36px;line-height: 36px; float: left;text-align: right;}
.form-wrap .row .r-bd {width:600px;margin-right: 240px;float: left;text-align: left;position: relative;}
.form-wrap .row .input-text {line-height: 34px;height: 34px;padding:0 15px;border:1px solid #f0f0f0;background-color: #f8f8f8;width:568px;color: #bbb;font-size: 14px;}
.form-wrap .row .ta {padding:4px 15px;border:1px solid #f0f0f0;background-color: #f8f8f8;width:568px;color: #bbb;font-size: 14px;line-height: 28px;resize: none;overflow-y: auto;}
.form-wrap .row .r-bd-ta {position: relative;}
.form-wrap .row .r-bd-ta .ta {height: 128px;padding-bottom: 22px; }
.form-wrap .row .r-bd-ta .countTxt {position: absolute;right: 10px;bottom: 12px;font-size: 12px;color: #bbb;}
.form-wrap .row .r-bd-multi-input .input-text {margin-bottom: 10px;}
.form-wrap .row .input-hl {color: #333;}
.form-wrap .row .notice {color: #ff4040;font-size: 12px;clear: both;}
.btn-submit {width:158px;height: 38px;line-height: 38px;font-size: 14px;display: inline-block;}
.form-wrap .row .tips-error {width:220px;font-size: 12px;color: #ff4040;position: absolute;left: 600px;top:8px;display: none;}
.form-wrap .row .tips-error .icon-error {margin: 5px 5px 0 10px;}

.bdshare-warp {width: 175px;height: 30px; float: left;}
.bdshare-warp .bd-txt, .bdshare-warp .bds-more {display: none;}
.bdshare-warp .bds_weixin, .bdshare-warp .bds_sqq, .bdshare-warp .bds_tsina, .bdshare-warp .bds_qzone, .bdshare-warp .bds_tqq {background-image: url(/www1/2016/lightvideo/images/art_sprite.png);width: 30px;height: 30px;}
.bdshare-warp.bdshare-button-style0-16 a {padding:0;margin:0 5px 0 0;}
.bdshare-warp.bdshare-button-style0-16 .bds_more {display: none;}
.bdshare-warp.bdshare-button-style0-16 .bds_weixin {background-position: 0 0;}
.bdshare-warp.bdshare-button-style0-16 .bds_sqq {background-position: -31px 0!important;}
.bdshare-warp.bdshare-button-style0-16 .bds_tsina {background-position: -62px 0;}
.bdshare-warp.bdshare-button-style0-16 .bds_qzone {background-position: -93px 0;}
.bdshare-warp.bdshare-button-style0-16 .bds_tqq {background-position: -124px 0;}


/*fixedGuide*/
.guide{width:45px;margin-left:570px;position:fixed;left:50%;bottom:35px;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight - this.clientHeight - 35+'px');display:none;z-index:1;}
.guide a{height:36px;width:36px;line-height:18px;margin-top:5px;padding:7px;display:block;text-align:center;color:#fff;font-size: 14px;}
.guide a:hover{background-color:#1af;color:#fff;text-decoration:none;background-image: none;}
.guide a span{display:none}
.guide a:hover span{display:block;background-color:#1af}
.guide .uplode-v {background-position: -312px 0;}
.guide .top{background-position: -363px 0;}

body .g-footer{margin-top:40px;border-top:1px solid #e5e5e5;background-color: #f0f0f0;}
body .g-footer .links{background: none;color: #333}
body .g-footer .links a{color: #333;}
body .g-footer a.bottom_a{color: #333;}
body .g-footer .mid {color: #333;}
body .g-footer, body .g-footer a{color:#333;}
 
body .navibar-wrap,body .navibar {min-width: 1120px;}
body .navibar .nb-tit-login {top:60px;right:100px;}
body .navibar .nb-tit-login .nb-arrow {width: 9px;height: 5px;background-position:-500px -6px;right: -7px;}
body .navibar .nb-tit-login .nb-tit {margin-right: 20px;}
html:root body .navibar .nb-tit-hover .nb-arrow {background-position: -500px -6px;}
body .navibar .nb-tit-login .nb-menulist-inner {padding:6px 0;}

#Jnb-tit-bbs, body .navibar .nb-tit-wap {display: none;}

body .navibar .nb-tit-user {display: none;}
#ajaxLogon .nb-tit-message {display: none;}
#ajaxLogon .nb-menu .user-link {display: none;}

.header {background-color: #fff;width: 100%;padding:15px 0;height: 60px;border-bottom: 1px solid #e5e5e5;}
.header-inner {width:1120px;margin:0 auto;}
.header .logo {width: 302px;height: 60px;background-position: 0 0;}

.ks {padding:12px 0 0 106px;float:left;}
.ks-input {border:1px solid #e5e5e5;border-radius:18px;height:34px;width:264px;padding:0 18px;overflow:hidden;zoom:1;}
.ks-input .input {height:34px;line-height:34px;width:230px;border:none;color:#999;float:left;background:transparent;}
.ks-input .focus {color:#333;}
.ks-input .submit {height:18px;width:18px;border:none;margin:8px 0;float:right;background-position:-577px -23px;cursor:pointer;background-color:transparent;}

.logined {margin-top: 18px; float: right;display: none;*width:200px;*position: relative;*z-index: 10;}
.logined .user {width: 110px;height: 20px;line-height: 20px;margin-right: 20px; float: left;position: relative;}
.logined .user .user-name {width: 100px;display: inline-block; overflow: hidden;*float:left;}
.logined .user .user-name img {margin-right: 10px;border-radius: 10px;*float: left;*text-align: left;}
.logined .user .icon-arrow {
    margin: 8px 0 0 0;
    float: right;
}
.logined .user-panel {width: 340px;height: 237px;position: absolute;right: -190px;top: 19px;z-index: 3;padding-top: 20px;display: none;}
.logined .user-hover .user-panel {display: block;}
.logined .user-panel .icon-arrow-top {width: 13px;height: 7px;position: absolute;top: 14px;left: 138px;background-position: -500px -16px;}
.logined .user-panel-wrap {width: 298px;height: 195px;padding:20px;border:1px solid #e5e5e5;background-color: #fff;box-shadow: 0px 0px 4px 0px #ddd;}
.logined .user-panel-wrap {width: 298px;overflow: hidden;}

.logined .user-message {width: 70px;position: relative;float: right;cursor: pointer;}
.logined .user-message .user-panel {width:auto;height: auto;position: absolute;right: -25px;top: 19px;z-index: 3;padding-top: 20px;}
.logined .user-hover .user-panel {display: block;}
.logined .user-message .user-panel .icon-arrow-top {width: 13px;height: 7px;position: absolute;top: 14px;left: 30px;background-position: -500px -16px;}
.logined .user-message .user-panel-wrap {width: 100px;padding:10px 5px 10px 15px;height:auto;overflow: hidden;text-align: left;}
.logined .user-message .user-panel-wrap a {display: block;font-size: 14px;white-space: nowrap;}
.logined .user-message .user-panel-wrap a span {color: #f62;}

.logined .user-mes {width: 50px;margin-right: 20px;float: left;}
.logined .user-mes .icon-mes {width: 16px;height: 12px;float: left;background-position: -510px 0;margin: 6px 8px 0 0;position: relative;}
.logined .user-mes .icon-mes .red-dot {display: none;right: -2px;top: -2px;}
.logined .user-mes .icon-mes.unread .red-dot {display: block;}
.user-panel .user-exit, .user-panel .user-edit {padding:0 10px;height: 24px;line-height: 24px;position: absolute;top:40px;}
.user-panel .user-exit {left:20px;}
.user-panel .user-edit {right: 20px;}
.user-panel .avatar {border-radius: 30px;}
.user-panel .name {line-height: 34px;font-size: 14px;display: block;}
.user-panel .fans-follows {line-height: 32px;margin-bottom: 10px;color: #999;}
.user-panel .fans-follows span {padding:0 20px;}
.user-panel .fans-follows span a {color: #333;}
.user-panel .user-manage {border-top:1px solid #f0f0f0;margin-right: -3px;overflow: hidden;}
.user-panel .user-manage .umb {width: 99px;height: 48px;margin-top: 14px; border-right: 1px solid #f0f0f0;float: left;}
.user-panel .user-manage .umb i {width: 22px;height: 22px;display: block;margin: 0 auto 6px;float: none;}
.user-manage .u-video i {background-position: -557px 0;}
.user-manage .u-fav i {background-position: -580px 0;}
.user-manage .u-hist i {background-position: -602px 0;}

.upload-video {float: right;width: 68px;height: 34px;padding:0 15px;line-height: 34px;border:1px solid #e5e5e5;border-radius: 3px;color: #999;margin-top:12px;}
.upload-video i {width: 14px;height: 14px;background-position:-527px 0;margin: 10px 5px 0 0;}
.upload-video:hover {border-color: #2fb3ff;background-color: #2fb3ff;color: #fff;}
.upload-video:hover i {background-position: -542px 0;}

/*page.css*/
.pages{text-align:center; font-size:0; *word-spacing:-1px;}
.pages a, .pages span{display: inline-block; *display:inline; *zoom:1; margin-right:5px; border:1px solid #DCDCDC; color:#999; font-size:14px; width:38px; height:38px; text-align:center; line-height:38px; letter-spacing:normal; word-spacing:normal; vertical-align:top;}
.pages span{border-color:#fff; width:18px;}
.pages .cur{width:38px;}
.pages .cur , .pages a:hover{border-color:#2fb3ff; background:#2fb3ff; color:#fff;}
@media screen and (-webkit-min-device-pixel-raito:0){
    .pages{letter-spacing:-5px;}
}


.slider-top {width: 760px;height: 370px;overflow: hidden;position: relative;}
.slider-top a:hover img {opacity: 1;}
.slider-top .prev, .slider-top .next {width:40px;height: 40px;position: absolute;top:50%;margin-top:-20px;z-index: 1; display: none;}
.slider-top .prev {left:20px;background-position: -632px 0;}
.slider-top .next {right:20px;background-position: -674px 0;}
.slider-top-hover .prev, .slider-top-hover .next {display: block;opacity: 0.4;filter: alpha(opacity=40);}
.slider-top-hover .prev:hover, .slider-top-hover .next:hover {display: block;opacity: 1;filter: alpha(opacity=100);}
.slider-top .pic-txts-list li {position: relative;}
.slider-top .pic-txts-list li .txts {position: absolute;width:740px;left:0; padding-left:20px;bottom:0;text-align: left;color: #fff;
    background-repeat: repeat-x;
    background-image: url(/www1/2016/lightvideo/images/slide-bg.png);
    _background:none;
}
:root .slider-top .pic-txts-list li .txts {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(rgba(255,255,255,0)),to(rgba(0,0,0,0.5)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.5));
    background-image:-moz-linear-gradient(top , rgba(255,255,255,0), rgba(0,0,0,0.5));
    background-image:-ms-linear-gradient(top , rgba(255,255,255,0), rgba(0,0,0,0.5));
    background-image:-o-linear-gradient(top , rgba(255,255,255,0), rgba(0,0,0,0.5));
    background-image:linear-gradient(top , rgba(255,255,255,0), rgba(0,0,0,0.5));
}
.slider-top .pic-txts-list li .title {line-height: 48px; font-weight: bold;font-size: 18px;}
.slider-top .pic-txts-list li .author {padding-bottom: 20px;line-height: 30px;vertical-align: bottom;}
.slider-top .pic-txts-list li .avatar {border-radius: 15px;margin-right: 15px; *float:left;}
.slider-top .circle-ctrl {position: absolute;right: 20px;bottom: 28px;}
.slider-top .circle-ctrl .item {background-position: -529px -15px;}
.slider-top .circle-ctrl .item.current {background-position: -514px -15px;}


.focus-video-list {margin-bottom: -20px;}
.focus-video-list .focus-video {height: 175px; display: block; background-color: #000;margin-bottom: 20px;position: relative;overflow: hidden;}
.focus-video-list .focus-video .icon-play {position: absolute;top:55px;left:50%;margin-left:-16px;display: none;}
.focus-video-list .focus-video .title {position: absolute;bottom:13px;left:0;width: 100%;text-align: center;font-size: 14px;color: #fff;z-index: 1;}
.focus-video-list .grad-layer {
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 54px;
    line-height: 54px;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(rgba(255,255,255,0)),to(rgba(0,0,0,0.5)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.5));
    background-image:-moz-linear-gradient(top , rgba(255,255,255,0), rgba(0,0,0,0.5));
    background-image:-ms-linear-gradient(top , rgba(255,255,255,0), rgba(0,0,0,0.5));
    background-image:-o-linear-gradient(top , rgba(255,255,255,0), rgba(0,0,0,0.5));
    background-image:linear-gradient(top , rgba(255,255,255,0), rgba(0,0,0,0.5));
}
.focus-video-list .focus-video:hover .grad-layer {display: none;}
.focus-video-list .focus-video:hover img {opacity: 0.5;filter: alpha(opacity=50);}
.focus-video-list .focus-video:hover .title {bottom:50px;}
.focus-video-list .focus-video:hover .icon-play, .focus-video-list .focus-video:hover .title {display: block;}


.area-content {}
.box-video-list {margin-top: 0;}
.box-video-list .hd {padding:0;height: 70px;}

.art-video-list {margin-bottom: 20px;vertical-align: top;}
.art-video-list .art-video {padding:20px;border-bottom: 1px solid #f0f0f0;text-align: left;overflow: hidden;zoom: 1;}
.art-video .img-wrap {float: left;width: 200px;margin-right: 20px;}
.art-video .img-wrap .img {position: relative;display: block;background-color: #000;}
.art-video .img-wrap .img:hover img {opacity: 0.5;filter: alpha(opacity=50);}
.art-video .img-wrap .icon-play {position: absolute;top:40px;left:50%;margin-left: -15px;display: none;}
.art-video .img-wrap .img:hover .icon-play {display: block;}
.art-video .img-wrap .author {width: 100%; margin-top: 15px;height: 30px;line-height: 30px;float: left;background-color: #f8f8f8;border-radius: 15px 0 0 15px;}
.art-video .img-wrap .author .avatar {border-radius: 15px;margin-right: 10px;overflow: hidden;}
.art-video .img-wrap .author .name {display: inline-block;}

.art-video .txt-wrap {}
.art-video .txt-wrap .title {font-size: 18px;font-weight: bold;margin:-3px 0 17px;display: block;}
.art-video .txt-wrap .tags {height: 20px;margin-bottom: 14px; overflow: hidden;zoom: 1;}
.art-video .txt-wrap .tags a {height: 18px;line-height: 18px;padding:0 8px; float: left;border:1px solid #e5e5e5;border-radius:9px;margin-right: 5px; }
.art-video .txt-wrap .summary {height: 48px;line-height: 24px;margin-bottom: 7px; overflow: hidden;color: #999;}
.art-video .txt-wrap .art-extra {height: 30px;line-height: 30px;}
.art-extra span i {width: 12px;height: 12px;margin: 9px 6px 0 0;}
.art-extra span {float: left;margin-right: 20px;color: #999;}
.art-extra .views i {background-position: -500px -24px;}
.art-extra .cmts i {background-position: -500px -37px;margin-top: 10px;}
.art-extra .good i {background-position: -500px -50px;}


.catigories {height: 30px;padding:20px 20px 10px; overflow: hidden;zoom: 1;}
.catigories .cati-list {width:680px;height: 30px; overflow: hidden;zoom: 1;float: left;}
.catigories .cati-list a {height: 28px;line-height: 28px;padding:0 14px; font-size: 14px;border:1px solid #f0f0f0;float: left;text-align: center;margin:0 15px 10px 0;border-radius: 3px;}
.catigories .cati-list a.current, .catigories .cati-list a:hover {border-color: #1af;background-color: #1af;color: #fff;}
.catigories .more {
    height: 28px;
    width: 29px;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    float: right;

}
.catigories-all  {height: auto;background-color: #fff;border-bottom: 1px solid #f0f0f0;position: relative;z-index: 1;}
.catigories .more i {width: 9px;height: 5px;background-position: -500px -6px;margin: 11px auto;display: block;float: none;
    transition: .25s;
    -moz-transition: .25s;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.catigories-all .more i {

    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.catigories-all .cati-list {height: auto;}

.catigories .ks {display: none;}
.catigories-fixed {width: 1080px; position: fixed;top:0;background-color: #fff;padding:20px;border-bottom: 1px solid #f0f0f0;z-index: 9;}
.catigories-fixed .ks {display: block;float: right;padding: 0;margin-top: -2px;}
.catigories-all.catigories-fixed {padding-bottom: 10px;}
.cati-list-wrap {width: 720px;float: left;}


.user-list {vertical-align: top;}
.user-list li {width:300px;height:60px;padding:20px 0;margin:0 20px;border-bottom: 1px solid #e5e5e5;overflow: hidden;zoom: 1;}
.user-list li .avatar {width: 60px;height: 60px;float: left;margin-right: 15px; overflow: hidden;}
.user-list li .user-info {text-align: left;width: 140px;word-break: break-all;float: left;}
.user-list li .user-info .userid {font-size: 14px;}
.user-list li .user-info .userbio {color: #999;line-height: 20px;height: 40px;overflow: hidden;}
.user-list li .action {float: right;width:70px;}
.user-list li .action .btns a {width: 68px;height: 26px;border:1px solid #1af;background-color: #1af;color: #fff;display: none;border-radius: 3px;margin-top: 16px;}
.user-list li .action .btns a.following, .user-list li .action .btns a.cancel-follow {background-color: #fff;color: #1af;display: none;}
.user-list li .action .btns a.follow:hover {border-color: #09f;background-color: #09f;}
.box-author-recommend .btn-more {width: 298px;height: 34px;display: block;margin:-1px auto 0;font-size: 14px;line-height: 34px;border-radius: 3px;}

.box-hot-tags .hot-tags {overflow: hidden;zoom:1;padding:20px 20px 0;white-space: nowrap;}
.box-hot-tags .hot-tags a {padding:0 20px;border:1px solid #e5e5e5;float: left;height: 34px;line-height: 34px;margin:0 10px 10px 0;border-radius: 18px;font-size: 14px;}
.box-hot-tags .hot-tags a:hover {border-color: #1af;color: #1af;}