.title-bg-bar, .title-bg-bl-bar{ height: 72px; line-height: 72px; background: url(../images/title_bg.png) no-repeat 20px center;}
.title-bg-bl-bar span, .title-bg-bl-bar b{ border-left: 2px solid #577eff;}
.title-bl-bar{height: 20px; line-height: 20px;border-left: 2px solid #577eff;}

.part-a{ height: 278px;}
.part-a-l { width: 694px;}
.part-a-l .video_item{ width: 694px; height: 278px; border-radius: 10px; overflow: hidden; position: relative;}
.part-a-l .video_item img{ width: 694px; min-height: 278px;}
.part-a-l .video_item .text-pop{ position: absolute; left: 0px; bottom: 0px; width: 654px; height: 40px; padding: 10px 20px; background-color: #fff; background-color: rgba(255,255,255,.8); *background-color: #fff;}
.part-a-l .video_item .text-pop .layui-icon{width: 40px; height: 40px; line-height: 40px; font-size: 40px; color: #577EFF;}
.part-a-l .video_item .text-pop span{ display: block; width: 600px; height: 40px; line-height: 40px; font-size: 18px; }
.part-a-r{ width: 476px;}
.part-a-r ul{ margin-top: -20px;}
.part-a-r li{ height: 129px; margin-top: 20px;}
.part-a-r li .video-list-info .video_img{ display: block; width: 230px; height: 129px; border-radius: 5px; position: relative; overflow: hidden;}
.part-a-r li .video-list-info .video_img img{ width: 230px; min-height: 129px; display: block;}
.part-a-r li .video-list-info .video_img .time { position: absolute; right: 10px; bottom: 5px; display: inline-block; padding: 0 10px; height: 24px; line-height: 24px; color: #fff; background-color: #000; background-color: rgba(0, 0, 0, .3); *background-color: #000; border-radius: 12px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.part-a-r li .video-list-info .video_img .pop { width: 230px; height: 129px; position: absolute; top: 129px; right: 0; left: 0; background-color: #000; background-color: rgba(0,0,0,.3); *background-color: #000; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.part-a-r li .video-list-info .video_img .pop .layui-icon{ width:40px; height: 40px; line-height: 40px; margin: 0px auto; margin-top: 45px; font-size: 40px; color: #fff; display: block;}
.part-a-r li .video-list-info .video_img:hover .pop { top: 0; }
.part-a-r li .video-list-info .video_img:hover .time { bottom: -40px; }
.part-a-r li .video-list-info h3{ height: 28px; line-height: 28px; font-size: 16px; font-weight: 600; overflow: hidden; }
.part-a-r li .video-list-info .desc{ line-height: 24px; -webkit-line-clamp: 4;}
.part-a-r li .video-list-info a:hover{ color: #577EFF!important;}

.part-b .layui-tab{ margin: 0;}
.part-b .layui-tab .title-head-nav{ height: 46px; line-height: 46px; margin: 5px 0; background-color: #f4f4f4; position: relative;}
.part-b .layui-tab .title-head-nav .layui-tab-title{height: 46px; border-bottom: none;}
.part-b .layui-tab .title-head-nav .layui-tab-title li,.part-b .layui-tab .title-head-nav .layui-tab-title span{ height: 46px; line-height: 46px; font-size: 16px; color: #404040;}
.part-b .layui-tab .title-head-nav .layui-tab-title span{ display: inline-block; position: absolute; top: 0; color: #cfcfcf;}
.part-b .layui-tab .title-head-nav .layui-tab-title .layui-this{ color: #577eff;}
.part-b .layui-tab .title-head-nav .layui-tab-title .layui-this:after{width: 50px; height: 46px; top: -7px; left: 23px; border-bottom-color: #577eff;}
.part-b .layui-tab .title-head-nav .sub-links{ font-size: 12px; color: #b7b7b7; position: absolute; top: 0; right: 30px;}
.part-b .layui-tab .layui-tab-content{ padding: 8px 0 0 0;}
.part-b .layui-tab .layui-tab-content .layui-tab-item{ min-height: 280px;}
.part-b .layui-tab .layui-tab-content .layui-tab-item ul li{ width: 232px; margin-right: 10px; margin-bottom: 10px;}
.part-b .layui-tab .layui-tab-content .layui-tab-item ul li:nth-child(5n+0){ margin-right: 0px;}
.part-b .layui-tab .layui-tab-content .layui-tab-item ul li .video-box{width: 232px; height: 130px; display: block; position: relative; overflow: hidden; border-radius: 5px;}
.part-b .layui-tab .layui-tab-content .layui-tab-item ul li .video-box img{ width: 232px; min-height: 130px;}
.part-b .layui-tab .layui-tab-content .layui-tab-item ul li .video-box .bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 10;}
.part-b .layui-tab .layui-tab-content .layui-tab-item ul li .video-box .iconfont{position: absolute;left: 50%;top: 50%;margin: -15px 0 0 -15px;font-size: 30px;color: #fff;line-height: 30px;z-index: 20; transition: all .3s ease-in-out;}
.part-b .layui-tab .layui-tab-content .layui-tab-item ul li .video-box:hover .iconfont {transform: scale(1.3);opacity: 0;}

.part-c{ }
.part-c .video-list-bar{ width: 800px; margin: 0;}
.part-c .video-list-bar .title-head-nav{ height: 72px; line-height: 72px; position: relative;}
.part-c .video-list-bar .title-head-nav .layui-tab-title{height: 72px; border-bottom: none;}
.part-c .video-list-bar .title-head-nav .layui-tab-title li{ height: 72px; line-height: 72px; margin-right: 10px; font-size: 18px; font-weight: 700;}
.part-c .video-list-bar .title-head-nav .layui-tab-title .layui-this{ color: #333; background: url(../images/title_bg.png) no-repeat center center;}
.part-c .video-list-bar .title-head-nav .layui-tab-title .layui-this:after{ width: 50px; height: 55px; left: 28px; border-bottom-color: #577eff;}
.part-c .video-list-bar .title-head-nav .sub-links{ font-size: 12px; color: #a0a0a0; position: absolute; top: 0; right: 0px;}
.part-c .video-list-bar .layui-tab-content{ padding: 0;}

.video-list{}
.video-list li{position: relative; height: 190px; clear: both;}
.video-list li .video-list-info{ position: absolute; width: 720px; height: 160px; padding: 15px 10px; top: 0px; left: -10px; overflow: hidden;}
.video-list li .video-list-info .video_img{ display: block; width: 400px; height: 160px; position: relative; overflow: hidden;}
.video-list li .video-list-info .video_img img{ width: 400px; min-height: 160px; display: block;}
.video-list li .video-list-info .video_img .time { position: absolute; right: 20px; bottom: 10px; display: inline-block; padding: 0 10px; height: 24px; line-height: 24px; color: #fff; background-color: #000; background-color: rgba(0, 0, 0, .3); *background-color: #000; border-radius: 12px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.video-list li .video-list-info .video_img .pop { width: 400px; height: 160px; position: absolute; top: 160px; right: 0; left: 0; background-color: #000; background-color: rgba(0,0,0,.3); *background-color: #000; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.video-list li .video-list-info .video_img .pop .layui-icon{ width:40px; height: 40px; line-height: 40px; margin: 0px auto; margin-top: 60px; font-size: 40px; color: #fff; display: block;}
.video-list li .video-list-info .video_img:hover .pop { top: 0; }
.video-list li .video-list-info .video_img:hover .time { bottom: -40px; }
.video-list li .video-list-info h3 { height: 24px; line-height: 24px; font-size: 18px; font-weight: bold; overflow: hidden; }
.video-list li .video-list-info .lawyer_info{ height: 46px; line-height: 46px; margin: 5px 0;}
.video-list li .video-list-info .photo{ width: 44px; height: 44px; border: 1px solid #577eff; border-radius: 50%; overflow: hidden;}
.video-list li .video-list-info .photo img{ width: 43px; min-height: 43px;}
.video-list li .video-list-info a:hover{ color: #577EFF!important;}
.video-list li .video-list-info .metas{margin-top: 3px;}
.video-list li .video-list-info .metas span{ position: relative; padding-left: 16px;}
.video-list li .video-list-info .date i{ display: block; width: 13px; height: 13px; background: url(../images/icon_av_bg.png) no-repeat -13px 0px; position: absolute; top: 1px; left: 0px;}
.video-list li:hover .video-list-info { z-index: 2; box-shadow: 0 -4px 12px rgba(25, 28, 31, .08), 0 12px 18px rgba(25, 28, 31, .2); }

.part-c .video-list-bar .layui-tab-content .video-list li .video-list-info,.detail-content .video-list li .video-list-info{ width: 800px;}

.part-c .lawyer_rank_list_bar{ width: 370px;}
.part-c .lawyer_rank_list_bar li{ position: relative; height: 108px;}
.part-c .lawyer_rank_list_bar li .video_rank_con{ position: absolute; top: 0; left: -10px; padding: 10px; width: 360px; height: 88px; border-radius: 2px; background-color: #fff;}
.part-c .lawyer_rank_list_bar li .video_rank_con .photo{ width: 85px; height: 85px; border: 1px solid #577EFF; border-radius: 50%; margin-right: 20px; overflow: hidden;}
.part-c .lawyer_rank_list_bar li .video_rank_con .photo img{ width: 85px; min-height: 85px;}
.part-c .lawyer_rank_list_bar li .video_rank_con .name { line-height: 28px; height: 28px; overflow: hidden; }
.part-c .lawyer_rank_list_bar li .video_rank_con .name a { float: left; font-size: 18px; font-weight: 600;}
.part-c .lawyer_rank_list_bar li .video_rank_con .name .icon-vip { width: 40px; height: 14px;display: inline-block;}
.part-c .lawyer_rank_list_bar li .video_rank_con .name .svip { width: 48px;}
.part-c .lawyer_rank_list_bar li .video_rank_con .data span{ font-family: 'din-medium'; font-size: 18px; font-weight: 600;}
.part-c .lawyer_rank_list_bar li .video_rank_con a:hover{ color: #577EFF;}
.part-c .lawyer_rank_list_bar li:hover .video_rank_con{ z-index: 2; box-shadow: 0 -4px 12px rgba(25, 28, 31, .08), 0 12px 18px rgba(25, 28, 31, .2); }

.container-l{ width: 740px;}

.type-filtrate-bar .type-list{ position: relative; line-height: 36px; border-bottom: 1px solid #eee;}
.type-filtrate-bar .type-list .tit {position: absolute; left: 0; top: 0px; font-size: 14px; color: #999;}
.type-filtrate-bar .type-list .type-nr { padding-left: 80px; min-height:36px;}
.type-filtrate-bar .type-list .un-nr2{ background-color: #eaeaea; color: #4b4b4b; line-height: 28px; padding: 10px 15px;}
.type-filtrate-bar .type-list .type-nr a{ display: inline-block; padding: 0px 12px;}
.type-filtrate-bar .type-list .un-nr2 a{ padding: 0px 8px;}
.type-filtrate-bar .type-nr a.is-this,.type-filtrate-bar .type-nr a:hover { color: #577eff;}

.video-result ul li{ width: 240px;}
.video-result ul li .videomes img{ width: 240px;}
.video-result ul li .video_addr img{width: 28px; height: 28px; border-radius: 50%; margin-right: 8px;}

.container-r{width: 430px;}

.hot-video-bar{}
.hot-video-bar ul li{ margin-top: 20px;}
.hot-video-bar ul li .video_img{ position: relative; display: block; width: 240px; height: 135px; border-radius: 10px; overflow: hidden;}
.hot-video-bar ul li .video_img img{ display: block; width: 240px; min-height: 135px;}
.hot-video-bar ul li .video_img .time { position: absolute; right: 10px; bottom: 5px; display: inline-block; padding: 0 10px; height: 24px; line-height: 24px; color: #fff; background-color: #000; background-color: rgba(0, 0, 0, .3); *background-color: #000; border-radius: 12px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.hot-video-bar ul li .video_img .pop { width: 240px; height: 135px; position: absolute; top: 135px; right: 0; left: 0; background-color: #000; background-color: rgba(0,0,0,.3); *background-color: #000; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.hot-video-bar ul li .video_img .pop .layui-icon{ width:35px; height: 35px; line-height: 35px; margin: 0px auto; margin-top: 50px; font-size: 35px; color: #fff; display: block;}
.hot-video-bar ul li .video_img:hover .pop { top: 0; }
.hot-video-bar ul li .video_img:hover .time { bottom: -40px; }
.hot-video-bar ul li h3{ width: 170px; height: 135px; vertical-align:middle;display:table-cell;}
.hot-video-bar ul li h3 a:hover{ color: #577EFF;}

/**详情页*/
.detail-content{width: 800px;}
.detail-content .title{ line-height: 18px; font-size: 18px; font-weight: 700;}
.detail-content .meta-body{ line-height: 24px; color: #999;}
.detail-content .meta-body span{ margin-right: 20px;}

.detail-content .ending_panel_d{ width: 100%; top: 0; left: 0;}
.detail-content .ending_panel{ width: 100%; background: rgba(53, 53, 53, 0.97);}
.detail-content .ending_panel_box{ width: 90%; height: 88%; line-height: 1.8;}
.detail-content .ending_panel_box .paralegal_wx{ font-size: 36px; color: #feb915;}
.detail-content .ending_panel_box .replay_icon{ width: 30px; height: 30px;}
.detail-content .ending_panel_box .video_replay_btn{ font-size: 30px;}
.detail-content .ending_panel_box .copy_wx_btn{ padding: 0 24px; color: #333; border-radius: 24px;}

.detail-content .content{ line-height: 28px; font-size: 15px; color: #666;}
.detail-content .content p{ margin: 5px 0;}

.lawyer-show{ width: 320px; padding: 25px;}
.lawyer-show .magnify{ width: 132px; height: 132px; border-radius: 50%; border: 1px solid #577eff; overflow: hidden;}
.lawyer-show .magnify img{width: 132px; min-height: 132px;}
.lawyer-show h4{ height: 38px; line-height: 38px; font-size: 16px; font-weight: 500; }
.lawyer-show .unit{ height: 34px; line-height: 34px; font-size: 14px; color: #999;}
.lawyer-show .speciality{ margin: 15px 0px;}
.lawyer-show .speciality span{ height: 26px; line-height: 26px; margin: 5px 5px 10px 5px; padding: 0px 10px; color: #999; background-color: #eaeaea; display: block; float: left;}
.lawyer-show .btn{ width: 195px; height: 40px; line-height: 40px; border-radius: 20px; background-color: #577eff;}

.detail-r .title-bg-bl-bar{ background-position: 36px center;}

.wenda-list{ width: 370px; padding: 8px 0;}
.wenda-list li{ height: 38px; line-height: 38px;}
.wenda-list li a{ font-size: 14px; color: #666;}
.wenda-list li a:hover{ color: #577eff;}