/*video-css*/
.body{background:#fff url(imgindex-bg.png) no-repeat;/* background-size: 100% 100%;*/ position: relative;}
.head-ind{position: relative; width: 100%; float: left;  height: 310px; overflow: hidden; }
.head-ind .head-ct{ width: 1210px; margin: 0 auto; height: 35px; overflow: hidden;}
.head-ind .head-ct .head-ctl{ width:155px;  color: #fff; line-height: 30px; height: 30px; text-align: center;  background:#b6c7e1;}
.head-ind .head-ct .head-ctl a{ font-size: 14px; color: #fff;}
.head-ind .head-ct .head-ctr{ width: 930px; height: 35px; margin-left: 110px; position: relative;    z-index: 999;}
.head-ind .head-ct .head-ctr .head-ctr-l{ cursor: pointer; width: 125px; height: 100%; line-height: 35px; text-indent: 45px; color: #fff;
 background: #3f6bab url(imgnav-triangle.png) no-repeat 25px; font-size: 14px; border-radius: 0 0 8px 8px; position: absolute; left: 0; }
.head-ind .head-ct .head-ctr .head-ctr-r{background: url(imgsidebar-bg.png); background-size:100% 100%;text-indent: 125px; width: 930px; height: 100%; line-height: 35px; font-size: 12px; color: #fff; text-align: center;
 overflow: hidden;border-radius: 0 0 8px 8px;}
.head-ind .head-ct .head-ctr .head-ctr-r a{ color: #fff;}

.head-ind .head-cc{ width: 1210px; margin: 0 auto; height: 200px; overflow: hidden; position: relative;}
.head-ind .head-cc .head-cc-img{ width: 50%; float: left; height: 100%; overflow: hidden;}
.head-ind .head-cc .head-cc-tq{ width: 50%; height: 100%; float: left; overflow: hidden; position: absolute;   left: 600px;
    z-index: 999;}
.head-ind .head-cc .head-cc-tq .head-weather{ padding: 15px 15px; width: 275px; height: 100px; float: left; overflow: hidden; border-radius: 10px; background: url(imgweather.png) ;
 background-size: 100% 100%; margin-left: 290px; margin-top: 20px;}
.head-cc-tq .head-weather .weather-l{ width: 49%; float: left; height: 100%; border-right: 1px solid #fff; }

.head-ind .head-cb{ width: 100%; margin: 0 auto; height: 75px; overflow: hidden; background: #2d5a9d;}

.head-ind .head-cb ul{ width: 1210px; margin:0 auto; height: 75px; line-height: 75px; overflow: hidden;}
.head-ind .head-cb ul li{ width: 105px; float: left; height: 75px;text-align: center; overflow: hidden; font-size: 18px;
 color: #fff;}
.head-ind .head-cb ul li.head-cbi{ width: 80px; }
.head-ind .head-cb ul li:hover{ background: #f39800;}
.head-ind .head-cbr{ width: 30%; height: 83px; overflow: hidden; position: absolute; right: 0; bottom:0;  z-index: 999;
background: url(imgserch-bg.png) no-repeat;}
.head-ind .head-cbr input{ width: 180px; height: 30px; overflow: hidden; text-indent: 15px; color: #bfbfbf; font-size: 12px;
 margin-top: 30px; margin-left: 45px; float: left;}
.head-ind .head-cbr button{cursor: pointer; width: 35px; height: 34px; float: left; background: #2d5a9d url(imgserch.png) no-repeat center;margin-top: 29px;}
/*nav end*/



 
.weather-l .temperature{ width: 100%; float: left; height: 50px; overflow: hidden; }
.weather-l .temperature .number{ width: 55px; height: 50px; line-height: 50px; float: left; font-size: 46px; color: #fff;}
.weather-l .temperature .wd{ width: 78px; float: left; height: 25px; color: #fff; font-size: 14px; }
.weather-l .rain{ width: 100%; float: left; height: 30px; line-height: 30px; overflow: hidden; color: #fff; font-size: 14px; }
.weather-r{    width: 49%;
    float: left;
    height: 100%;}
.weather-r p{text-indent: 22px; float: left; width: 100%; height: 20px; line-height: 20px; float: left; overflow: hidden; font-size: 12px; color: #fff; }

.main{ width: 100%; height: auto; float: left; }
.main .video{ width: 1210px; height: auto; margin: 0 auto; }
.main-body .position-tive{margin-bottom: 20px; width: 100%; float: left; height: 55px; overflow: hidden; background:#fff; }
.main-body .position-tive p{ width: 100%; float: left; height: 55px;  overflow: hidden;line-height: 55px; display: block; width: 100%;  font-size: 12px; color: #535353;
margin-left: 30px;  }
.main-body .position-tive p a{ color: #535353; }
.main .video-ban{ width: 100%; float: left; height: 550px; overflow: hidden; }
.m-slide{ position: relative; width:100%; height: 550px;  float: left;
               /* background: #a1c6f6; */}
.m-slide .bottom-shadow{ position: absolute;  bottom: -3px; left: 0; width: 100%; height: 1px; overflow: hidden;
    border-top: 1px solid #e0e0e0; background: #e6e6e6; border-bottom: 1px solid #ececec }
.m-slide .mm-slide{ position: relative; width: 1210px; height: 596px; margin: 0 auto; }
.m-slide .img { position: relative }
.m-slide .img li, .m-slide .img a, .m-slide .img img { display: block; width: 1210px; height: 550px }
.m-slide .img li { display: none; position: absolute; left: 0; top: 0 }
.m-slide .img .first { display: block }
.m-slide .tab { position: absolute; right: 0; top: 25px; width: 260px; padding-top: 35px;
 height: 440px; background-size: 100% 100%; background:url(imgvideo-bg.png);}
.m-slide .tab li { *margin-bottom: -3px; height: 35px;  width: 260px ; float: left; text-indent: 20px; line-height: 35px;}
.m-slide .tab .first { border-top: 0 }
.m-slide .tab a { text-decoration: none; display: block; position: relative; width: 100%; height: 35px;
  color: #fff;}

.m-slide .tab a span {/* position: absolute;*/ overflow: hidden }
.m-slide .tab a .title { float: left; height: 49px; line-height: 40px; font-size: 14px;  color: #fff }
.m-slide .tab a .title2{float: left; height: 49px; line-height: 40px; font-size: 14px;  color: #fff}
.m-slide .tab a .des { left: 18px; top: 26px; height: 16px; line-height: 16px; color: #999 }.m-slide .tab .first a { height: 50px }
.m-slide .tab .on {background: #fff; height: 75px;}
.m-slide .tab .on a { }
.m-slide .tab .on a span {margin-top: 10px; line-height: 30px; color: #2d5a9d; width: 100%; height: auto; font-size: 24px; font-weight: normal;}
.m-slide .tab .on a p{line-height: 30px; color: #363636; font-size: 16px; font-weight: normal;}
.m-slide .tab li.on:hover .m-slide{ background: red; }
.divOver{ background: #a1c6f6; }
.divOver2{ background: #a1c6f6; }
.divOver3{ background: #a1c6f6; }
.divOver4{ background: #a1c6f6; }
.divOver5{ background: #a1c6f6; }
.divOver6{ background: #a1c6f6; }
.divOver7{ background: #a1c6f6; }
.divOver8{ background: red; }
.divOver9{ background: blue }
.divOver10{ background: #a1c6f6; }

.main .video-br{ width: 100%; float: left; height: auto; }
.main .video-br .video-mbr{width: 1210px; margin: 0 auto; margin-top: 80px;}
.video-mbr .video-ber{ width: 100%; float: left; height: 120px; overflow: hidden; }
.main .video-br .video-mbr .video-news{ width:100%; float: left; height: 430px; overflow: hidden; margin-top: 40px;  }
.video-news .news-l{width: 1030px; float: left; height: 100%; overflow: hidden;}
.video-news .news-l p{ width: 100%; float: left; height: 40px; line-height: 40px; background: #d5deeb; }
.video-news .news-l p a{ width: 105px; height: 100%; float: left; background:#2d5a9d; font-size: 16px; 
font-weight: bold; color: #fff; text-align: center;  }
.video-news .news-l ul{ width: 105%; float: left; height: auto;margin-top: 20px; }
.video-news .news-l ul li{ width: 220px; height: 185px; float: left; margin-left: 20px; }
.video-news .news-l ul li.bg{ width: 550px;  height:370px; float: left; overflow: hidden; margin-left: 0; }
.video-news .news-l ul li i{ width: 100%; float: left; height: 25px; line-height: 25px; font-size: 14px;
color: #434343; font-style: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.video-news .news-l ul li em{width: 100%; float: left; height: 25px; line-height: 25px; font-size: 12px;
color: #d2d2d2;font-style: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.video-news .news-r{width: 160px; float: left; height: 100%; overflow: hidden; margin-left: 20px;}
.video-news .news-r p{width: 100%; float: left; height: 40px; line-height: 40px; background: #d5deeb;}
.video-news .news-r p a{width: 105px; height: 100%; float: left; background:#2d5a9d; font-size: 16px; 
font-weight: bold; color: #fff; text-align: center; }
.video-news .news-r ul{ padding: 10px; width: 140px; height: 290px; float: left; overflow: hidden; margin-top: 20px;
     box-shadow: 0px 0px 10px 2px #e8e8e8; }
.video-news .news-r ul li{ background:#eaeef5; width: 100%; height: 35px; line-height: 35px;
text-align: center; font-size: 12px; color: #373737; overflow: hidden;}
.video-news .news-r ul li.bm{background:#2d5a9d; font-size: 12px; font-weight: bold; color: #fff; }
.video-news .news-r span{ width: 100%; float: left; height: 25px; line-height: 25px; background:#2d5a9d;
font-size: 12px; color: #fff; font-weight: bold; text-align: center; margin-top: 10px;  }

.main .video-br .video-mbr .video-cl{ width: 100%; float: left; height: 245px; overflow: hidden; margin-top: 20px; }
.video-cl p{width: 100%; float: left; height: 40px; line-height: 40px; background: #d5deeb;}
.video-cl p i{width: 105px; height: 100%; float: left; background:#2d5a9d; font-size: 16px; 
font-weight: bold; color: #fff; text-align: center; font-style: normal;}
.video-cl p em{width: 90px; height: 100%; float: right;  font-size: 12px; font-style: normal;
 color: #fff; text-align: center;}
.video-cl ul{ width: 105%; float: left; height: 185px; margin-top: 20px; overflow: hidden; }
.video-cl ul li{ width: 226px; float: left; height: 100%; overflow: hidden; margin-right: 20px; }
.video-cl ul li i{ width: 100%; float: left; height: 25px; line-height: 25px; font-size: 14px; color: #434343;text-align: center;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-style: normal; }
.video-cl ul li em{width: 100%; float: left; height: 25px; line-height: 25px; font-size: 12px; color: #d2d2d2;text-align: center;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-style: normal;}
.share-video{ margin-top: 30px; }
/*.all-right{ width: 100px; height: 555px; float: left; position: fixed; top: 10%; right: 5%; z-index: 999;
	background:#99c3e2; padding: 0 20px; }
.all-right ul li{ width: 100%; float: left; border-bottom:1px solid #cbe0f1 }
.all-right ul li img{ display: block; margin: 0 auto }
.all-right ul li p{ display: block; width: 100%;  text-align: center; margin-top: 7px; font-size: 12px; color: #fff;
}
.all-right ul .li1{ height: 74px; }
.all-right ul .li1 img{ margin-top: 17px; }
.all-right ul .li2{ height: 67px; }
.all-right ul .li2 img{ margin-top: 10px; }
.all-right ul .li3{ height: 80px; }
.all-right ul .li3 img{ margin-top: 10px; }
.all-right ul .li4{ height: 80px; }
.all-right ul .li4 img{ margin-top: 10px; }
.all-right ul .li5{ height: 69px; }
.all-right ul .li5 img{ margin-top: 10px; }
.all-right ul .li6{height: 74px;}
.all-right ul .li6 img{ margin-top: 9px; }
.all-right ul .li7{height: 40px; line-height: 40px;}
.all-right ul .li7 p{height: 40px; line-height: 40px; margin-top: 0;}
.all-right ul .li8{ border: none; }
.all-right ul .li8 img{ margin-top: 11px; }*/
.video-ga{width: 100%; float: left; height: auto;}
.video-ga .title{margin-bottom: 20px; width: 960px; float: left; line-height: 40px; overflow: hidden; }
.video-ga .title p{width: 100%; height: 100%; float: left; text-align: center; font-size: 25px; color: #2d5a9d;}
.video-ga .video-l{width: 960px; height: 540px; float: left; overflow: hidden;}
.video-ga .video-l video{width: 960px; height: 540px;}
.video-ga .video-r{width: 250px; height: 540px; overflow: hidden; float: left; background: #333333;}
.video-ga .video-r ul{padding: 20px 0px; width: 250px; height: 500px;overflow-x:hidden;  overflow-y: scroll;}
.video-ga .video-r ul li{width: 100%; float: left;padding-left: 8px; cursor: pointer; height: 65px; padding-top: 10px; overflow: hidden;}
.video-ga .video-r ul li img{ float: left; }
.video-ga .video-r ul li p{ float: left; width: 112px; font-size: 12px; color: #fff;margin-left: 8px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.video-ga .video-r ul li:hover{background: #404040;}
.video-ga .video-r ul li.on{background: #404040;}

/*分享*/
.gb_resLay {background: #fff;  height: 50px; line-height: 50px; width: 100%; max-width: 960px;  }
.gb_res_t {float: left; line-height: 50px; height: 20px; position: relative; font-size: 18px; text-align: center; }
.gb_res_t i { background: #FFEC94; height: 1px; overflow: hidden; left: 32px; top: 30px; right: 32px; position: absolute; }
.gb_res_t span { display: inline-block; font-size: 12px; color: #999; position: relative; z-index: 2; }
.gb_resItms { margin: 0px 4%; }
.gb_resItms li { text-align: center; float: left; margin-right: 5px;width: 20px; height: 30px; overflow: hidden;  }
.gb_resA img { height: auto; width: 60px; margin-bottom: 10px; }
.bads{width: 120px; float: right; height: 50px; overflow: hidden;}
.bads p{ width: 50px; float: left; height: 100%; line-height: 50px; }
.bads p img{ float: left; margin-top: 20px; margin-right: 5px; }
.bads p i{font-style: normal; font-size: 12px; color: #999; height: 50px;}

 #container{float: left;margin-left: 500px; height: 50px; overflow: hidden;width:120px;font-family: arial;
}
.heart {background: url(imgthumbs.png) no-repeat left;float: left; margin-top: 16px;height: 15px;
width: 15px;cursor: pointer;position: absolute;}
.heart2{background: url(imgbads.png) no-repeat left;margin-top: 16px;height: 15px;
width: 15px;cursor: pointer;position: absolute;}
/*.heart:hover, .heart:focus{
    background-position: right;
	}*/

    @-webkit-keyframes heartBlast {
    0% {
	    background-position: left;
	}
	100% {
	    background-position: right;
	}
	}

	@keyframes heartBlast {
	    0% {
	    background-position: left;
	}
	100% {
	    background-position: right;
	}
	}

.heartAnimation {background: url(imgthumbs-red.png) no-repeat;
    display: inline-block;
    /*-webkit-animation-name: heartBlast;
    animation-name: heartBlast;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: steps(28);
    animation-timing-function: steps(28);*/
    /*background-position: right;*/
    }
.feed p{font-family: "Microsoft YaHei",'Georgia', Times, Times New Roman, serif; font-size: 25px;}
.feed{margin-right: 10px; height: 50px; position: relative;float: left; width: 45px;}

.likeCount{margin-left: 25px; font-size: 12px;color: #999999; float: left;}
/*end main*/


