﻿/* 组图开始 小图部分 */
.thumbpic{margin:0 auto;width:95%; text-align:center; height: 100px}
.thumbpic .ltp{float:left;width:10%;heght:px;margin:10px 15px 0 0; overflow:hidden;}

/*.thumbpic .ltp a{ background:url(../../../images/ji_06.jpg) no-repeat left top; padding:10px;  display:inline-block; text-align:center;}
.thumbpic .ltp a:hover{ background:url(../../../images/ji_ov.jpg) no-repeat left top;}
.thumbpic .ltp a span{ display:block; text-align:center; width:100%; line-height:25px; }*/
.thumbpic .ltp img{ width:100%;}
.thumbpic span{height:20px;float:left;cursor:pointer; line-height:20px;width:80px;}
.thumbpic .ltp p,.thumbpic .rtp p{ height:65px; overflow:hidden;}
.thumbpic .rtp{float:left;width:10%;heght:86px;margin:10px 0 0 15px; overflow:hidden;}
#piclist{width:60%;float:left;overflow:hidden;height:86px;position:relative;}
#piclist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#piclist ul li{float:left;cursor:pointer;position:relative;height:86px;width:98px;background-image: url(../images/ico_none.gif);background-repeat: no-repeat;  background-position: center -10px;}
#piclist ul li img{max-height:58px;max-width:78px;margin:10px 4px;padding:3px;}
#piclist .hover{height:86px;background-image: url(../images/ico_bg.gif);background-repeat: no-repeat;background-position: center  -10px;}
#piclist ul li tt{background:#000;color:#FFF;position:absolute; left:20%;z-index:20; font-family:arial;font-size:12px;line-height:16px;padding:0 5px;margin:55px 0 0 -85px;}

.thumbpic a.bntprev{float:left;width:16px;height:36px;display:block;outline:none;background-image: url(../images/ico_left.png);background-repeat: no-repeat;margin-top: 25px;}
.thumbpic a.bntnext{float:left;width:16px;height:36px;display:block;outline:none;background-image: url(../images/ico_right.png);background-repeat: no-repeat;margin-top: 25px;}

#originalpic{position:relative;overflow:hidden;zoom:1;height:auto;clear:both;text-align:center;}
#originalpic li{display:none;position:relative; max-width:1200px; }
#originalpic img{ width:auto; max-width:90%; max-height:90%; }
#originalpic li div{ text-align:left; text-indent:2em; line-height:30px;}
#aPrev{position:absolute;z-index:10;left:0;top:0;display:block;width:50%;height:100%;background:url(../images/blank.gif);}
#aNext{position:absolute;z-index:10;right:0;top:0;display:block;width:50%;height:100%;background:url(../images/blank.gif);}


.artl{ width:870px;float: left;}
.artl ul.art-pic{ margin:15px -11px -10px 0}
.artl ul.art-pic li{ float:left; margin-right: 10px; width: 210px; text-align: center}
.artl ul.art-pic li img{ width: 210px; height: 150px;}

.artl ul.rer-main{ margin:15px -11px -10px 0;}
.artl ul.rer-main li{ width:165px; height: 220px; margin-right: 11px; overflow: hidden; margin-bottom: 10px; float: left}
.artl ul.rer-main li a{ display:block; width: 100%; height: 100%;}
.artl ul.rer-main li img{ width:100%; height: 100%}

.artl ul.rer-bottom{ margin:17px -24px 0 0}
.artl ul.rer-bottom li{ float:left; width: 274px; margin-right: 24px; }
.artl ul.rer-bottom li em{ float:left; margin:13px 4px 0 0; width: 4px; height: 4px; background: #fd1e72; border-radius: 50%;}
.artl ul.rer-bottom li a{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 266px; line-height: 30px; font-size: 14px;}

.artr{ float:right; width: 300px;}
.artr .right{ width:100%; border:1px solid #edebec; background-color: #fff; overflow: hidden; padding-bottom: 10px; margin-bottom: 15px;}
.artr .right .fn-title{ width:100%; height: 40px; line-height: 40px; padding-top: 8px; border-bottom: 1px solid #ccc;}
.artr .right .fn-title h2{ display:inline-block; height: 39px; font-weight: normal; margin-left: 15px; padding: 0 10px; border-bottom: 2px solid #fa4e68; font-size: 16px;}
.artr .rank-listt li{ margin:23px 0 0 10px; overflow: hidden}
.artr .rank-listt a{ height:18px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; float: right; width: 270px; font-size: 15px;}
.artr .rank-listt .nub {display: inline-block;width: 18px;height: 18px;border-radius: 3px;text-align: center;line-height: 18px;color: #999;background-color: #ddd;float: left;font-weight: normal;font-size: 14px;}
.artr .rank-listt li:nth-child(1) .nub {background-color: #fa4e68;color: #fff;}
.artr .rank-listt li:nth-child(2) .nub {background-color: #ff7388;color: #fff;}
.artr .rank-listt li:nth-child(3) .nub {background-color: #fdb2bd;color: #fff;}

.artr .video-listt li {width: 142px;height: 120px;overflow: hidden;margin: 6px 4px;float: left;position: relative;}
.artr .video-listt li img {width: 100%;height: 90px;}
.artr .video-listt li .title {width: 100%;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.artr .video-listt li .btn {position: absolute;width: 32px;height: 32px;left: 69px;top: 29px;/*! background: url(../mmbbimg/video.png) 0 0 no-repeat; */background-size: 32px auto}


