@charset "utf-8";

.area1,.recommend{margin-bottom: 50px;}
/*area1*/
.area1-left{float: left;width: 600px;height: 400px;}
.area1-right{float: right;width: 540px;height: 400px;position: relative;}
.area1-right h1{font-size: 28px;font-weight: bold;color: #0acc8b;height: 30px;line-height: 30px;margin-bottom: 16px;}
/*area1-desc*/
.area1-desc{width: 500px;border: 1px solid #ddd;position: relative;margin-bottom: 30px;
	z-index: 2;background-color: #fff;
	box-shadow: 0 5px #f9f9f9;
	-moz-box-shadow: 0 5px #f9f9f9;
}
.area1-desc .trangle{position: absolute;left: 20px;top: -7px;background: url(/Public/images/patch/compilations/trangle.png) 0 0 no-repeat;width: 14px;height: 8px;}
.area1-desc .foldCont{height: 126px;overflow: hidden;}
.area1-desc p{color: #666;line-height: 28px;padding: 8px 18px;overflow: hidden;}
.area1-desc .foldCont span{position: absolute;right: 20px;bottom: 51px;color: #20da9b;cursor: pointer;padding-left: 2em;background: #fff url(/Public/images/patch/compilations/unfold.png) 15px 7px no-repeat;}
.area1-desc:hover .foldCont{height: auto;}
.area1-desc:hover .foldCont span{display: none;}
.area1-desc .info{clear: both;border-top: 1px solid #ddd;height: 28px;padding: 5px 20px;line-height: 28px;color: #999;}
.info .writer,.info .date{padding-left: 20px;background: url(/Public/images/news/list/editorial_icon.png) 0 0 no-repeat;}
.info .date{background-position: 0 4px;}
.info .writer{background-position: 0 -106px;margin-right: 10px;}
.info .writer i,.info .date i{color: #666;}
/*area1-link*/
.area1-link{position: absolute;bottom: 0;}
.area1-link h2{font-size: 18px;color: #ff5500;padding-bottom: 18px;border-bottom: 1px solid #ececec;height: 18px;line-height: 18px;margin-bottom: 18px;}
.area1-link h3{font-size: 18px;color: #333;height: 18px;line-height: 18px;margin-bottom: 18px;}
.area1-link span{display: block;color: #999;height: 14px;line-height: 14px;margin-bottom: 14px;}
.area1-link span a{color: #007eff;}
.area1-link span a:hover{text-decoration: underline;}
/*recommend*/
.recommend{background-color: #f9f9f9;border: 1px solid #ececec;height: 138px;}
.recommend img{float: left;width: 94px;height: 94px;border: 3px solid #fff;margin: 20px 22px 20px 20px; border-radius:20px;}
.recommend div{float: left;width: 755px;height: 118px;padding: 20px 26px 0 0;border-right: 1px solid #ececec;}
.recommend h2{font-size: 20px;color: #333;line-height: 28px;margin-bottom: 8px;}
.recommend p{color: #999;line-height: 28px;}
.recommend .down{float: right;width: 184px;height: 45px;line-height: 45px;text-align: center;font-size: 20px;color: #fff;background-color: #ff9500;margin: 48px 30px 0 40px;border-bottom: 4px solid #ececec;}
.recommend .down:hover{background-color: #ff5500;}
.recommend .down i{font-size: 14px;}
/*listBox*/
.listBox li{width: 325px;}
.listBox div{width: 344px;}
/*分享*/
.bdsharebuttonbox{float: right;margin-right: -6px;}
.bdsharebuttonbox span{float: left;height: 17px;line-height: 17px;margin: 6px 6px 0 0;padding-left: 17px;background: url(/Public/images/video/detail/icon.png) 0 -68px no-repeat;color: #333;}
/*transiton*/
.recommend .down{
	transition: background-color .1s ease-out;
    -moz-transition: background-color .1s ease-out; /* Firefox 4 */
    -webkit-transition: background-color .1s ease-out; /* Safari Chrome */
    -o-transition: background-color .1s ease-out; /* Opera */
}
.mcbox{ overflow:hidden; margin:0 0 0 -23px;}
.mcbox li{ float:left; width:375px; height:175px; overflow:hidden; border:1px solid #ececec; margin:0 0 23px 23px; position:relative; box-shadow:3px 3px #fcfcfc;}
.mcbox li:hover{ border:1px solid #ff5500;}
.mcbox li:hover .box_r h3 a{ color:#ff5500;}
.mcbox li .box{ overflow:hidden; margin:20px 20px 20px 37px;}
.mcbox li .box .box_l{ float:left;}
.mcbox li .box .box_l img{ display:block; width:100px; height:100px; border-radius:20px;}
.mcbox li .box .box_r{ float:left; margin-left:10px; width:208px;}
.mcbox li .box_r h3{ margin-top:5px;line-height: 19px;height: 19px;overflow: hidden;}
.mcbox li .box_r h3 a{ color:#000; font-size:18px;}
.mcbox li .box_r i{ color:#b6b6b6; font-size:14px; line-height:13px; font-weight:normal; display:block; margin:16px 0;}
.mcbox li .box_r i span{ border-left:2px solid #d5d5d5; display:inline-block; padding-left:8px; margin-left:6px;}
.mcbox li .box_r b{ color:#808080; font-size:14px; line-height:30px; font-weight:bold; overflow:hidden;}
.mcbox li .box_r b span{ color:#ff6e27; font-size:24px; font-family:'Georgia'; font-weight:normal;}
.mcbox li .box_r b a{ font-size:16px; color:#fff; display:inline-block; width:48px; padding-left:39px; background:url(/Public/images/pcgame/series/mc03.jpg); font-weight:normal; float:right;}
.mcbox li .box_r b a:hover{ background:url(/Public/images/pcgame/series/mc04.jpg);}
.mcbox li  p{ margin:0 20px 0 37px; color:#8c8c8c; font-size:14px; line-height:14px; height:14px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mcbox li .pos{ position:absolute; left:0; top:0; width:14px; height:47px; background:url(/Public/images/pcgame/series/mc05.jpg) no-repeat; color:#fff; font-size:14px; padding:7px 7px 0 7px;}

#ZT ol{ margin:0 0 30px 0; border-bottom:2px solid #f9f9f9; height:56px;}
#ZT ol li{ float:left; font-size:24px; color:#999999; margin:0 20px 0 0; line-height:32px; height:56px; cursor:pointer; padding:0 10px;}
#ZT ol li p{ text-align:center; line-height:35px; height:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; max-width:450px;}
#ZT ol li p.dj b{ background:url(/Public/images/pcgame/dj_bg.png) no-repeat 0 8px; padding-left:38px;}
#ZT ol li p.wy b{ background:url(/Public/images/pcgame/wy_bg.png) no-repeat 0 8px; padding-left:35px;}
#ZT ol li b{ font-size:26px;}
#ZT ol li.active{ color:#ff5500; border-bottom:2px solid #ff5500;}
#ZT ol li.active p{ background:url(/Public/images/pcgame/ctt_bg.png) no-repeat center bottom;}
#ZT ol li.active p.dj b{ background:url(/Public/images/pcgame/dj_bg02.png) no-repeat 0 8px;}
#ZT ol li.active p.wy b{ background:url(/Public/images/pcgame/wy_bg02.png) no-repeat 0 8px;}
.ZT_cont{ display:none;}
.show{ display:block}

.mtbox{ margin-bottom:20px; overflow:hidden;}
.ZT_cont .tab_tj,.ZT_cont .tab_wy{ position:relative;}
.ZT_cont .tab_menu{ position:absolute; top:-88px; right:0; border:1px solid #f0f0f0;}
.ZT_cont .tab_menu li{ float:left; line-height:30px; height:30px; padding:0 16px; color:#999999; font-size:16px;}
.ZT_cont .tab_menu li.current{ background-color:#f5f5f5; color:#4b9afa; cursor:pointer;}