@charset "UTF-8";
/** Created by zhaojian3 on 2016/4/12. */
.recommendVideo .recommendlist .item.current .text, .recommendVideo .recommendlist .item-list .ptext { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

img { max-width: 100%; }

.chanpinqianyan { margin-bottom: 0; }

/*热门推荐*/
.hotRecommend .common-title-wrap { margin-bottom: 25px; }

.hotRecommend .rec-item { line-height: 26px; margin-bottom: 35px; }

.hotRecommend .rec-item .rec-item-pic { width: 118px; height: 111px; position: relative; float: left; overflow: hidden; margin: 0 18px 0 0; }

.hotRecommend .rec-item .rec-item-pic:hover .playbtn { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); }

.hotRecommend .rec-item .rec-item-pic img { display: block; width: 100%; height: 100%; }

.hotRecommend .rec-item .rec-item-pic .playbtn { position: absolute; z-index: 2; width: 34px; height: 34px; top: 50%; left: 50%; margin: -17px 0 0 -17px; transition: all .5s; }

.hotRecommend .rec-item .rec-item-pic .skew-hot { z-index: 3; }

.hotRecommend .rec-item .name { font-size: 14px; font-weight: bold; height: 52px; overflow: hidden; }

.hotRecommend .rec-item .info { color: #838383; height: 52px; overflow: hidden; margin-top: 7px; }

/*推荐视频*/
.recommendVideo { margin: 0 0 40px 0; }

.recommendVideo .recommendlist .item.current { margin-bottom: 15px; }

.recommendVideo .recommendlist .item.current:hover .red-bar { width: 100%; background: #000; }

.recommendVideo .recommendlist .item.current .pic-wrap { overflow: hidden; height: 137px; position: relative; }

.recommendVideo .recommendlist .item.current .pic-wrap img { display: block; width: 100%; height: 100%; }

.recommendVideo .recommendlist .item.current .bot-bar { height: 46px; position: relative; background: #000; }

.recommendVideo .recommendlist .item.current .red-bar { width: 46px; height: 100%; background: #f65049; position: absolute; z-index: 1; left: 0; top: 0; transition: all .5s; }

.recommendVideo .recommendlist .item.current .arrow { position: absolute; z-index: 2; left: 16px; top: 12px; display: block; width: 0; height: 0; border-style: dashed dashed dashed solid; border-width: 10px 15px; border-color: transparent transparent transparent #fff; }

.recommendVideo .recommendlist .item.current .text { position: absolute; z-index: 3; left: 55px; top: 0; width: 240px; color: #fff; line-height: 46px; }

.recommendVideo .recommendlist .item-list { height: 40px; line-height: 40px; }

.recommendVideo .recommendlist .item-list .icon-video-list { display: block; width: 14px; height: 14px; float: left; background: url("#"); background-position: -108px -287px; margin: 13px 10px 0 0; }

/*图片二级页*/
.picture-body { background: #f6f6f6; }

.picture-list-wrap { margin-right: -20px; *padding-bottom: 50px; }

.picture-list-wrap .picture-item-wrap { width: 285px; height: 340px; overflow: hidden; float: left; margin: 0 20px 50px 0; background: #fff; line-height: 1.7; transition: all .6s; }

.picture-list-wrap .picture-item-wrap:hover { -webkit-transform: translate(0, -5px); transform: translate(0, -5px); }

.picture-list-wrap .picture-item-wrap a { display: block; width: 100%; height: 100%; position: relative; }

.picture-list-wrap .picture-item-wrap .pic-pic { width: 285px; height: 210px; overflow: hidden; position: relative; text-align: center; background: #000; font-size: 0; display: table-cell; vertical-align: middle; }

.picture-list-wrap .picture-item-wrap .pic-pic img { vertical-align: middle; max-width: 100%; max-height: 100%; }

.picture-list-wrap .picture-item-wrap .pic-pic .pic-num { position: absolute; z-index: 3; left: 15px; bottom: 12px; height: 26px; line-height: 26px; background: #000; background: rgba(0, 0, 0, 0.7); padding: 0 15px; color: #fff; font-size: 14px; border-radius: 13px; }

.picture-list-wrap .picture-item-wrap .pic-pic .pic-num .icon-photo { display: inline-block; width: 20px; height: 15px; vertical-align: -2px; *vertical-align: middle; background: url("#"); background-position: -108px -272px; margin: 0 3px 0 0; }

.picture-list-wrap .picture-item-wrap .name, .picture-list-wrap .picture-item-wrap .info { margin: 0 16px; height: 3.4em; overflow: hidden; }

.picture-list-wrap .picture-item-wrap .name { margin: 8px 16px; font-size: 15px; font-weight: normal; }

.picture-list-wrap .picture-item-wrap .info { color: #929291; }

/* page */
.pic-page span { background: #fff; }

.pageZone span { width: 56px; height: 48px; line-height: 48px; }

.pic-page span:hover { background: #ff3d3c; }

.pic-page .Disabled { width: 105px; }

.pic-page span.Disabled:hover { background: #fff; }

.pic-page .Disabled a { cursor: not-allowed; }

.pic-page .next { width: 105px; }

.pic-page .next a { width: 105px; }

.pic-page span.isNow { background: #ff3d3c; }

.pic-page span a { width: 56px; height: 48px; }