/*观点列表Banner图片*/
.ViewPointListBanner{ width:100%; height:530px; background:url(../../Images/Banner10.png) no-repeat top center;}
.ViewPointListBanner .ViewPointListBannerTitle{ width:1200px; height:530px; margin:0 auto;}
.ViewPointListBanner .ViewPointListBannerTitle h3{ width:300px; height:300px; border:10px solid #ff0200; float:left; color:#fff; font-size:60px;  font-weight:normal; text-align:center; line-height:300px; margin-top:105px;}

/*观点内容Banner图片*/
.ViewPointShowBanner{ width:100%; height:530px;background-color: #A3A4A9;}
.ViewPointShowBanner .ViewPointShowBannerTitle{ width:1200px; height:530px; margin:0 auto; overflow:hidden;}
.ViewPointShowBanner .ViewPointShowBannerTitle .TitleInfor{ width:700px; height:530px; float:left;}
.ViewPointShowBanner .ViewPointShowBannerTitle .TitleInfor h3{ width:700px; height:136px; color:#fff; font-size:40px;  font-weight:normal; text-align:left; line-height:68px; margin-top:140px;}
.ViewPointShowBanner .ViewPointShowBannerTitle .TitleInfor i{ display:block; width:85px; height:3px; background:#ff0200; margin-top:40px;}
.ViewPointShowBanner .ViewPointShowBannerTitle .TitleInfor .ViewFrom{ width:700px; height:24px; margin-top:30px}
.ViewPointShowBanner .ViewPointShowBannerTitle .TitleInfor .ViewFrom span{ display:inline-block; float:left; color:#fff;  margin-right:5px;}
.ViewPointShowBanner .ViewPointShowBannerTitle .TitleInfor .ViewFrom .ViewFromTitle{ font-size:20px; font-weight:lighter; line-height:24px;}
.ViewPointShowBanner .ViewPointShowBannerTitle .TitleInfor .ViewFrom .ViewFromName{ font-size:24px; font-weight:normal; line-height:24px;}
.ViewPointShowBanner .ViewPointShowBannerTitle .TitleImg{ width:500px; height:530px; float:left;}
.ViewPointShowBanner .ViewPointShowBannerTitle .TitleImg img{ display:block; width:480px; height:530px; margin:0 auto;}

/*观点、新法每周听、律所刊物标题*/
.ViewPoint{ width:1200px; height:auto; margin:40px auto; overflow:hidden;}
.ViewPoint .ViewPointTitle{ width:1400px; height:66px;}
.ViewPoint .ViewPointTitle ul li a{ height:66px; border-bottom:2px solid #fff; text-align:center; float:left; margin-right:40px; cursor:pointer;}
.ViewPoint .ViewPointTitle ul li a{ color:#a5958c; font-size:36px;  font-weight:lighter; line-height:64px;}
.ViewPoint .ViewPointTitle ul li a:hover{ border-bottom:2px solid #FF0200;}
.ViewPoint .ViewPointTitle ul .SelectedTab{ border-bottom:2px solid #FF0200;}

/*观点列表*/
.ViewPoint .ViewPointMain{ width:1200px; height:auto; margin-top:20px; margin-bottom:30px; overflow:hidden;}
.ViewPoint .ViewPointMain .Title{ width:1200px; height:62px;}
.ViewPoint .ViewPointMain .Title h3{ width:1200px; height:60px; text-align:left; color:#a5958c; font-size:30px;  font-weight:lighter; line-height:60px;}
.ViewPoint .ViewPointMain .Title i{ display:block; width:75px; height:2px; background:#a5958c;}
.ViewPoint .ViewPointMain .RecomView{ width:1200px; height:390px; margin-top:40px; margin-bottom:50px;}
.ViewPoint .ViewPointMain .RecomView ul{ width:1218px; height:390px; overflow:hidden;}
.ViewPoint .ViewPointMain .RecomView ul li{ width:388px; height:388px; border-bottom:2px solid #888888; float:left; margin-right:16px;}
.ViewPoint .ViewPointMain .RecomView ul li:hover{ border-bottom:2px solid #FF0200;}
.ViewPoint .ViewPointMain .RecomView ul li .Img{ width:388px; height:240px; overflow:hidden;}
.ViewPoint .ViewPointMain .RecomView ul li .Img img{ width:388px; height:240px;}
.ViewPoint .ViewPointMain .RecomView ul li i{ display:block; width:20px; height:2px; background:#4d4d4d; margin-top:20px; margin-bottom:8px;}
.ViewPoint .ViewPointMain .RecomView ul li h3{ display:block; width:388px; height:64px; color:#4d4d4d; font-size:20px;  font-weight:normal; line-height:30px; margin-bottom:10px;}
.ViewPoint .ViewPointMain .RecomView ul li a{ display:block; width:388px; height:24px; color:#39393b; font-size:12px;  font-weight:normal; line-height:24px;background:url(../../Images/More3.png) no-repeat; background-position:56px 8px;}

/*最新观点*/
.ViewPoint .ViewPointMain .NewView{ width:1200px; height:auto; margin-top:10px; overflow:hidden;}
.ViewPoint .ViewPointMain .NewView ul li{ width:1200px; height:90px; border-bottom:1px solid #E2E2E2; padding:28px 0;}
.ViewPoint .ViewPointMain .NewView ul li .Time{ width:66px; height:66px; border:2px solid #FF0200; float:left; padding:10px; margin-right:60px;}
.ViewPoint .ViewPointMain .NewView ul li .Time .Day{ width:66px; height:30px; text-align:center; color:#FF0200; font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:30px; margin-top:8px;}
.ViewPoint .ViewPointMain .NewView ul li .Time .Year{ width:66px; height:24px; text-align:center; color:#FF0200; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:24px;}
.ViewPoint .ViewPointMain .NewView ul li .ViewInfor{ width:1050px; height:90px; float:left;}
.ViewPoint .ViewPointMain .NewView ul li .ViewInfor h3{ width:1050px; height:30px; color:#595757; font-size:20px;  font-weight:normal; line-height:30px; overflow:hidden;}
.ViewPoint .ViewPointMain .NewView ul li .ViewInfor p{ width:1050px; height:18px; color:#595757; font-size:16px;  font-weight:lighter; line-height:18px; padding-top:5px; overflow:hidden; margin-bottom:10px;}
.ViewPoint .ViewPointMain .NewView ul li .ViewInfor a{ display:block; width:1050px; height:24px; color:#39393b; font-size:12px;  font-weight:normal; line-height:24px;background:url(../../Images/More3.png) no-repeat; background-position:56px 8px; }
.ViewPoint .ViewPointMain .SeeMore{ width:1200px; height:70px;}
.ViewPoint .ViewPointMain .SeeMore a{ display:block; width:93px; height:70px; color:#a5958c; font-size:20px;  font-weight:lighter; line-height:70px; background:url(../../Images/More2.png) no-repeat; background-position:85px 28px; float:right; cursor: pointer;}

/*观点内容*/
.ViewPoint .ViewPointTitle{ width:1200px; height:62px;}
.ViewPoint .ViewPointTitle h3{ width:1200px; height:60px; text-align:left; color:#a5958c; font-size:30px;  font-weight:lighter; line-height:60px;}
.ViewPoint .ViewPointTitle i{ display:block; width:75px; height:2px; background:#a5958c;}
.ViewPoint .ViewPointShow{ width:1200px; height:auto; margin-top:30px;}
.ViewPoint .ViewPointShow h4{ color:#a4948b; font-size:20px;  font-weight:normal; line-height:30px; text-align:justify; margin-bottom:10px;}
.ViewPoint .ViewPointShow h3{ color:#a4948b; font-size:20px;  font-weight:normal; line-height:32px; text-align:justify; margin-bottom:5px; margin-top:10px;}
.ViewPoint .ViewPointShow p{ color:#595757; font-size:16px;  font-weight:lighter; line-height:24px; text-align:justify; margin-bottom:24px;}
.ViewPoint .ViewPointShow .SeeAll{ width:1200px; height:30px;float:left;}
.ViewPoint .ViewPointShow .case{float:left;}
.ViewPoint .ViewPointShow .SeeAll a{ display:block; width:93px; height:30px; color:#a5958c; font-size:20px;  font-weight:lighter; line-height:30px; background:url(../../Images/More2.png) no-repeat; background-position:82px 10px; float:right;}

/*观点作者*/
.ViewPoint .ViewPoionAuthor{ width:1200px; height:auto; margin-top:50px; overflow:hidden;}
.ViewPoint .ViewPoionAuthor .Title{ width:1200px; height:62px;}
.ViewPoint .ViewPoionAuthor .Title h3{ width:1200px; height:60px; text-align:left; color:#a5958c; font-size:30px;  font-weight:lighter; line-height:60px;}
.ViewPoint .ViewPoionAuthor .Title i{ display:block; width:75px; height:2px; background:#a5958c;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon{ width:1200px; height:440px; float:left; margin-top:30px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul{ width:1220px; height:auto; overflow:hidden;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li{ width:285px; height:440px; float:left; margin-right:20px; overflow:hidden; display:inline; position:relative;}

.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Normal{ width:285px; height:440px; overflow:hidden; position:absolute; z-index:1; background:#fff;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Normal .Img{ width:285px; height:325px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Normal .Img img{ width:285px; height:325px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Normal .LawyerName{ width:285px; height:30px; margin-top:15px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Normal .LawyerName h2{ color:#595757; font-size:30px;  font-weight:normal; line-height:30px; margin-right:10px; float:left;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Normal .LawyerName span{ display:inline-block; color:#595757; font-size:15px;  font-weight:normal; line-height:44px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Normal .NumInfor{ width:285px; height:25px; margin-top:10px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Normal .NumInfor span{ display:inline-block;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Normal .NumInfor .Num{ float:left; color:#595757; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:25px; margin-right:15px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Normal .NumInfor .Add{ float:left; color:#595757; font-size:16px;  font-weight:normal; line-height:25px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Normal .NumInfor .Mail{ width:25px; height:25px; background:url(../../Images/mail.png) no-repeat; float:right; margin-right:8px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Normal .NumInfor .More{ width:25px; height:25px; background:url(../../Images/mail1.png) no-repeat; float:right;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover{ width:243px; height:368px; overflow:hidden; position:absolute; z-index:0; border:1px solid #ff1d25; background:#A5958C; padding:20px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover i{ display:block; width:40px; height:2px; background:#fff;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover h2{ display:block; width:243px; height:40px; color:#fff; font-size:30px;  font-weight:lighter; line-height:30px; margin-top:15px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover .Key{ width:243px; height:20px; color:#fff; font-size:16px;  font-weight:normal; line-height:20px; margin-bottom:10px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover .Key span{ display:inline-block; margin-right:20px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover p{ width:243px; height:auto; color:#fff; font-size:12px;  font-weight:lighter; line-height:18px; text-align:justify; margin-bottom:20px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover h3{ display:block; width:243px; height:20px; color:#fff; font-size:16px;  font-weight:normal; line-height:20px; margin-top:10px; margin-bottom:5px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover .GoodList{ width:243px; height:60px; overflow:hidden;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover .GoodList span{ display:inline-block; width:243px; height:20px; color:#fff; font-size:12px;  font-weight:lighter; line-height:18px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover .NumInfor{ width:243px; height:25px; margin-top:15px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover .NumInfor .Num{ float:left; color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:25px; margin-right:15px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover .NumInfor .Add{ float:left; color:#fff; font-size:16px;  font-weight:normal; line-height:25px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover .NumInfor .Mail{ width:25px; height:25px; background:url(../../Images/mail2.png) no-repeat;float:right; margin-right:8px;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover .NumInfor a{ display:block; width:25px; height:25px;float:right;}
.ViewPoint .ViewPoionAuthor .ViewPoionAuthorCon ul li .Hover .NumInfor .More{ width:25px; height:25px; background:url(../../Images/mail3.png) no-repeat;float:right;}
.ViewPoionAuthorCon ul li.imghover .Normal {-webkit-transform: rotateY(-90deg);-ms-transform: rotateY(-90deg);transform: rotateY(-90deg);-o-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);-webkit-transition: -webkit-transform .1s ease-in;-moz-transition: -moz-transform .1s ease-in;-o-transition: -o-transform .1s ease-in;-ms-transition: -ms-transform .1s ease-in;transition: transform .1s ease-in;}
.ViewPoionAuthorCon ul li .Normal {-webkit-transition: -webkit-transform .2s ease-in-out;-moz-transition: -moz-transform .2s ease-in-out;-o-transition: -o-transform .2s ease-in-out;-ms-transition: -ms-transform .2s ease-in-out;transition: transform .2s ease-in-out;-webkit-transform: rotateY(0);-ms-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);-o-transform: rotateY(0);}
.ViewPoionAuthorCon ul li {text-decoration: none;cursor: pointer;}
.ViewPoionAuthorCon ul li .Hover {position: absolute;top: 0;left: 0;background: #008573;height: 244px;width: 270px;-webkit-transition: -webkit-transform .1s ease-in;-moz-transition: -moz-transform .1s ease-in;-o-transition: -o-transform .1s ease-in;transition: transform .1s ease-in;-ms-transition: transform .1s ease-in;-webkit-transform: rotateY(90deg);-ms-transform: rotateY(90deg);transform: rotateY(90deg);-moz-transform: rotateY(90deg);-o-transform: rotateY(90deg);color: #FFF;display: none\9;}
.ViewPoionAuthorCon ul li.imghover .Hover {display: block;-webkit-transform: rotateY(0);-ms-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);-o-transform: rotateY(0);-webkit-transition: -webkit-transform .3s ease-out;-moz-transition: -moz-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;-ms-transition: -ms-transform .3s ease-out;transition: transform .3s ease-out;display: block\9;}
.ViewPoionAuthorCon ul li .ImgModel{width: 250px;height: 325px; position: absolute; z-index: 3;}

/*作者动态*/
.ViewPoint .AuthorNews{ width:1200px; height:auto; margin-top:20px; overflow:hidden;}
.ViewPoint .AuthorNews .Title{ width:1200px; height:62px;}
.ViewPoint .AuthorNews .Title h3{ width:1200px; height:60px; text-align:left; color:#a5958c; font-size:30px;  font-weight:lighter; line-height:60px;}
.ViewPoint .AuthorNews .Title i{ display:block; width:75px; height:2px; background:#a5958c;}
.ViewPoint .AuthorNews .AuthorNewsList{ width:1200px; height:200px; margin-top:30px;}
.ViewPoint .AuthorNews .AuthorNewsList ul{ width:1220px; height:200px;}
.ViewPoint .AuthorNews .AuthorNewsList ul li{ width:245px; height:160px; float:left; background:#A5958C; margin-right:20px; padding:20px; overflow:hidden;margin-top:20px;}
.ViewPoint .AuthorNews .AuthorNewsList ul li h3{ width:245px; height:30px; color:#fff; font-size:16px;  font-weight:lighter; line-height:30px; margin-bottom:10px; overflow:hidden;}
.ViewPoint .AuthorNews .AuthorNewsList ul li i{ display:block; width:36px; height:1px; background:#FF0200; margin-bottom:15px;}
.ViewPoint .AuthorNews .AuthorNewsList ul li a{ color:#fff; font-size:16px;  font-weight:lighter; line-height:26px; text-align:justify; height:100px; overflow:hidden;display:block;}
.ViewPoint .AuthorNews .SeeMore{ width:1200px; height:70px;}
.ViewPoint .AuthorNews .SeeMore a{ display:block; width:93px; height:70px; color:#a5958c; font-size:20px;  font-weight:lighter; line-height:70px; background:url(../../Images/More2.png) no-repeat; background-position:85px 28px; float:right;}


/*作者其他文章*/
.ViewPoint .OtherArticle{ width:1200px; height:auto; margin-top:20px; overflow:hidden;}
.ViewPoint .OtherArticle .Title{ width:1200px; height:62px;}
.ViewPoint .OtherArticle .Title h3{ width:1200px; height:60px; text-align:left; color:#a5958c; font-size:30px;  font-weight:lighter; line-height:60px;}
.ViewPoint .OtherArticle .Title i{ display:block; width:75px; height:2px; background:#a5958c;}
.ViewPoint .OtherArticle .OtherArticleList{ width:1200px; height:auto; margin-top:20px;}
.ViewPoint .OtherArticle .OtherArticleList ul li{ width:1200px; height:auto; border-bottom:1px solid #D8D8D8; padding:20px 0;}
.ViewPoint .OtherArticle .OtherArticleList ul li h3{ width:1200px; height:30px; color:#4d4d4d; font-size:24px;  font-weight:lighter; line-height:30px; margin-bottom:5px;}
.ViewPoint .OtherArticle .OtherArticleList ul li p{ width:1200px; height:auto; color:#39393b; font-size:16px;  font-weight:lighter; line-height:26px; margin-bottom:10px;}
.ViewPoint .OtherArticle .OtherArticleList ul li a{ display:block; width:1200px; height:24px; color:#39393b; font-size:12px;  font-weight:normal; line-height:24px;background:url(../../Images/More3.png) no-repeat; background-position:52px 8px;}

/*相关领域*/
.ViewPoint .SpecializedField{ width:1200px; height:auto; margin-top:50px; overflow:hidden; margin-bottom:40px;}
.ViewPoint .SpecializedField .Title{ width:1200px; height:62px;}
.ViewPoint .SpecializedField .Title h3{ width:1200px; height:60px; text-align:left; color:#a5958c; font-size:30px;  font-weight:lighter; line-height:60px;}
.ViewPoint .SpecializedField .Title i{ display:block; width:75px; height:2px; background:#a5958c;}
.ViewPoint .SpecializedField ul li{ width:164px; height:140px; float:left;}
.ViewPoint .SpecializedField ul li img{ display:block; width:60px; height:60px; margin:30px 52px 0 52px; }
.ViewPoint .SpecializedField ul li span{ display:block; width:164px; height:50px; color:#595757; font-size:18px;  font-weight:lighter; line-height:50px; text-align:center;}