@charset "utf-8";
/* CSS Document */
body{font-size:14px}
.ab_im,.ab_on{margin:0px 14px 0 0!important}
.ab_im img{}
.m{padding-bottom:25px}
.album{width:250px;overflow:hidden!important}
.thumb ul{width:144px;border:1px solid #ddd;background:none!important;margin:10px 0px 0px 10px}
.thumb ul img{width:144px;border-bottom:1px solid #ddd;height:115px}
.thumb ul li p{line-height:35px;margin:0}
.box_head{height:45px;width:300px;line-height:45px;border:1px solid #ddd;border-bottom:none;color:#666;font-size:18px;padding:0 12px}
.box_body{border:1px solid #ddd;border-top:none!important}
.box_head div{height:45px;border-bottom:1px solid #ddd}
.box_head strong{color:#df0015;float:left;line-height:44px;border-bottom:2px solid #df0015;font-weight:normal;text-align:left;margin:0px;padding:0 15px 0 0}
.box_head .f_r{margin-right:15px}
.box_head h3{height:45px;border-bottom:1px solid #ddd;margin:0px}
.left_head{margin:10px 12px 0 12px}
.title_trade{width:802px;border-bottom:1px solid #ddd;line-height:35px;margin:0px;height:55px;text-align:left}
.title_trade i{display:inline-block;width:80px;height:35px;text-align:center;line-height:35px;color:#fff;background:#df0015;margin-right:15px;font-style:normal;font-weight:normal;font-size:20px}
#mid_pos{position:absolute}
#mid_div{width:355px;height:272px;cursor:crosshair;padding:5px;border:#ddd 1px solid;background:#F3F3F3}
#zoomer{border:#333333 1px solid;width:120px;height:90px;background:#FFFFFF url('../images/zoom_bg.gif');position:absolute;opacity:0.5;filter:alpha(opacity=50)}
#big_div{width:320px;height:240px;border:#CCCCCC 1px solid;background:#FFFFFF;position:absolute;overflow:hidden}
#big_pic{position:absolute}
.ab_im{padding:2px;margin:10px 0 10px 13px;border:#C0C0C0 1px solid}
.ab_on{padding:2px;margin:10px 0 10px 13px;border:#FF6600 1px solid;background:#FF6600}
.gypp{border:1px solid #ddd;padding:10px;margin-top:15px}
.gypp img{margin-right:20px;border:1px solid #ddd;padding:3px}
.gypp ul{width:370px;display:inline-block}
.gypp dl{width:470px;float:right}
.gypp dl dd{width:85px;text-align:center;line-height:60px;float:left;margin-left:15px;height:60px;background:#f75757;border:1px solid #f75757;border-radius:8px}
.gypp dl dd a{color:#fff;font-weight:bold;font-size:16px}
.gypp dl .cpsl{width:140px}
.gypp dl dd p{width:68px;height:40px;line-height:20px;padding:10px;color:#fff;font-weight:bold;position:absolute;margin:0px}
.gypp dl dd span{display:inline-block;font-size:28px;width:50px;height:50px;background:#fff;margin:5px 0 0 80px;border-radius:50%;text-align:center;line-height:50px}
.zbph{border:1px solid #ddd;margin-top:15px;display:inline-block;width:324px;padding-bottom:15px;background:#fff}
.zbph h3{border-bottom:1px solid #ddd;margin-bottom:5px;color:#df0015;height:45px;font-size:18px;margin:0 12px;line-height:45px;font-weight:normal;text-align:left}
.zbph h3 span{line-height:44px;float:left;border-bottom:2px solid #df0015;padding:0 10px 0 0}
.zbph ul li span{background:#ccc;font-size:12px;display:inline-block;width:18px;height:18px;text-align:center;line-height:18px;border-radius:3px;margin-right:15px;color:#fff}
.zbph ul{padding:0px 10px 0;border:none;margin-top:0px;height:auto;width:350px}
.zbph ul li{margin-bottom:0px;border-bottom:1px dashed #ddd;width:145px;float:left;margin-right:10px;line-height:35px}

/* album */
#mid_pos {position:absolute;}
#mid_div {width:400px;height:300px;cursor:crosshair;border:#EEEEEE 1px solid;background:#F2F2F2;}
#zoomer {width:160px;height:120px;background:#FFFFFF url('image/ab-zoom-bg.gif');position:absolute;z-index:6;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:560px;height:420px;border:#EEEEEE 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;}
#big_pic {position:absolute;}
.tbs {width:414px;height:56px;margin:20px 0;}
.tbs img {cursor:pointer;}
.tbsl {width:32px;height:56px;float:left;}
.tbsr {width:20px;height:56px;float:left;}
.tbsm {width:350px;height:56px;float:left;overflow:hidden;}
.ab_zoom {width:30px;height:30px;background:url('image/ab-zoom.png') no-repeat center center;position:absolute;z-index:5;margin:270px 0 0 -30px;}
.ab_play {width:48px;height:48px;border-radius:50%;background:#FFFFFF url('image/ab-play.png') no-repeat center center;position:absolute;z-index:7;margin:-150px 0 0 176px;}
.ab_play:hover {background:#FFFFFF url('image/ab-play-on.png') no-repeat center center;cursor:pointer;}
.ab_hide {width:30px;height:30px;background:url('image/ab-hide.png') no-repeat center center;position:absolute;z-index:12;margin:-300px 0 0 370px;display:none;}
.ab_hide:hover {background:url('image/ab-hide-on.png') no-repeat center center;cursor:pointer;}
.ab_video {width:400px;height:300px;border:#000000 1px solid;background:#000000;position:absolute;z-index:10;margin:-302px 0 0 0;display:none;}
.ab_im {padding:2px;margin:0 14px 0 0;border:#C0C0C0 1px solid;float:left;width:50px;height:50px;}
.ab_on {padding:2px;margin:0 14px 0 0;border:#FF6600 1px solid;float:left;width:50px;height:50px;background:#FF6600;}

.tool {padding:24px 0;text-align:center;border-top:#F5F5F5 1px solid;}
.tool i {font-style:normal;font-size:14px;color:#555555;display:inline-block;height:24px;line-height:24px;padding:0 28px;cursor:pointer;}
.tool b {font-weight:normal;font-size:12px;}
.tool .like {background:url('image/tool-like.png') no-repeat 0 center;}
.tool .like:hover {background:url('image/tool-like-on.png') no-repeat 0 center;color:#FF6600;}
.tool .hate {background:url('image/tool-hate.png') no-repeat 0 center;}
.tool .hate:hover {background:url('image/tool-hate-on.png') no-repeat 0 center;color:#FF6600;}
.tool .report {background:url('image/tool-report.png') no-repeat 0 center;}
.tool .report:hover {background:url('image/tool-report-on.png') no-repeat 0 center;color:#FF6600;}
.tool .favorite {background:url('image/tool-favorite.png') no-repeat 0 center;}
.tool .favorite:hover {background:url('image/tool-favorite-on.png') no-repeat 0 center;color:#FF6600;}
.tool .comment {background:url('image/tool-comment.png') no-repeat 0 center;}
.tool .comment:hover {background:url('image/tool-comment-on.png') no-repeat 0 center;color:#FF6600;}
.tool .award {background:url('image/tool-award.png') no-repeat 0 center;}
.tool .award:hover {background:url('image/tool-award-on.png') no-repeat 0 center;color:#FF6600;}
.tool .share {background:url('image/tool-share.png') no-repeat 0 center;}
.tool .share:hover {background:url('image/tool-share-on.png') no-repeat 0 center;color:#FF6600;}