﻿.video-box{display:block; margin-top:30px; margin-bottom:30px;}

.video-box ul li{background:#FFFFFF;float: left; width: 30%;  margin-left: 2%;margin-bottom:25px ; transition: all 1s; box-shadow:0 0 5px 5px rgba(0,0,0,0.1);position:relative; overflow: hidden;}
.video-box ul li p{display:block; font-size:14px; padding-left:5px;position:absolute; top:8px; left:5px; color:#fff; }
.video-box ul li a img{ width:100%;}
.video-box ul li .biao{ background:#F30; line-height:20px; width:20px; color:#FFF; text-align:center; border-radius:20px; margin:5PX;float:left;}
.video-box ul li span{ display:block;float:left; line-height:30px; color:#000; font-size:12px; }
.video-box ul li a{ display:block;float:right; width:25px; height:25px; background:url(../images/fx.png) no-repeat 0px 5px; text-indent:22px; line-height:25px; color:#000; background-size:18px; text-decoration:none;}

.page-item{display:block; width:350px; margin:auto; margin-top:20px;}
.page-item .cur{ width:73px; float:left; border:1px dotted #ccc; padding:5px; color:#999;}
.page-item a{display:block; padding:5px 18px 5px 18px; font-weight:bold; float:left; background:#ff3600; color:#FFF; border:1px solid #ff3600; margin-left:2px; text-decoration:none;}

.nav-item{display:none;}


.am-share { font-size: 14px; border-radius: 0; bottom: 0px; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 9999; }
.am-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }
.am-share-title { background-color: #f8f8f8; border-bottom: 1px solid #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #555; font-weight: 400; font-size:16px; padding: 15px 0 0; text-align: center; }
.am-share-title::after { border-bottom: 1px solid #dfdfdf; content: ""; display: block; height: 0; margin-top: 10px; width: 100%; }
.am-share-footer { margin: 10px; }
.am-share-footer .share_btn { color: #555;  display: block; width: 100%; background-color: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 0; cursor: pointer;  font-size: 16px; font-weight: 400; line-height: 1.2; padding: 0.625em 0; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap;font-family:"微软雅黑";  }
.am-share-sns { background-color: #f8f8f8; border-radius: 0 0 2px 2px; padding-top: 15px; height:auto; zoom:1; cursor:pointer; overflow:auto; }
.am-share-sns li { margin-bottom: 15px; display: block; float: left; height: auto;  width: 25%; cursor:pointer; }
.am-share-sns a { color: #555; display: block; text-decoration:none; cursor:pointer; }
.am-share-sns span { display: block; }
.am-share-sns li i { background-position: center 50%; background-repeat: no-repeat; background-size: 36px 36px; color: #fff; display: inline-block; font-size: 14px; height: 36px; line-height: 36px; margin-bottom: 5px; width: 36px;  cursor:pointer;}

.am-share-sns .share-icon-weixin{ background-image:url(../images/weixin.png) }
.am-share-sns .share-icon-qq { background-image:url(../images/qq.png) }
.am-share-sns .share-icon-qzone { background-image:url(../images/qzone.png) }
.am-share-sns .share-icon-txwb { background-image:url(../images/txwb.png) }
.am-share-sns .share-icon-renren { background-image:url(../images/renren.png) }
.am-share-sns .share-icon-sina { background-image:url(../images/sina.png) }
.am-share-sns .share-icon-lj { background-image:url(../images/lj.png) }

.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.sharebg-active { opacity: 1; display:block; }

.videos{width:1200px; margin:auto;}
.vv{height:120PX;}

.videos h2.videos-title{width:100%; font-size:18px; color:#000; line-height:60px;}
.videos .videoinfo-text{ font-size:14px; line-height:30px; height:30px;}
.videos .videoinfo-text span{ display:block; float:left; font-size:14px;}
.videos .videoinfo-text a{ display:block;float:left; margin-left:30px; width:25px; height:25px; background:url(../images/fx.png) no-repeat 0px 5px; text-indent:22px; line-height:25px; color:#000; background-size:18px; text-decoration:none;}
