/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 21, 2014, 10:08:24 AM
    Author     : Administrator
*/
#wrapper{z-index:1; width:100%;max-width:480px; height:146px; margin:0px auto 10px; min-width:320px;}
/* scroller */
#scroller li{padding:5px 0;border-bottom:1px solid #ccc;border-top:1px solid #fff;background-color:#fafafa;font-size:14px;height:85px;vertical-align:bottom;}
#scroller li img{float:left;width:111px;height:83px;}
#scroller li span{float:left;margin:30px 0 0 6px;}
/* swipe */
.swipe{max-width:480px;overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe ul li { position:relative}
.swipe ul li p { height:25px; line-height:25px; color:#fff; text-indent:10px; background:#000; position:absolute; width:100%; left:0px; bottom:0px;}
.swipe ul li img { max-height:234px; width:100%; height:100%; min-height:146px;}
.swipe #pagenavi{position:absolute;bottom:4px;text-align:center;width:70px; right:0px;}
.swipe #pagenavi a{width:5px;height:5px;line-height:99em;background:#7E7F77;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 1px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#fff;}
.topTabBox span {
    width: 33% !important;
}
.topTabBox span.active { width:34% !important;}
.list_app_more{ width:96%;max-width:480px; clear:both; margin:0px auto}
.list_app_more ul li{ width:100%; min-width:300PX; clear:both; border:#B2B2B2 1px solid; margin:15px auto; position:relative;}
.list_app_more ul li p.p { position:absolute; height:7px; left:0px; bottom:-8px;background:url(../images/foot_bg_it.gif) repeat-x; width:100%;}
.list_app_more ul li span.left_bg { display:block; background:url(../images/left_it.gif) no-repeat;  height:7px; width:10px; float:left; }
.list_app_more ul li span.right_bg { display:block; background:url(../images/right_it.gif) no-repeat; height:7px; width:10px; float:right}
.list_app_more ul li img { clear:both; max-width:480px; min-width:300px; width:100%; height:auto}
.list_app_more ul li p { clear:both; height:25px; line-height:25px; background:#F0F0F0;}
.list_app_more ul li p a { display:block; float:left; color:#333; font-weight:bold; padding-left:2px;}
.list_app_more ul li p i { float:right; font-style:normal; color:#999; display:block; padding-right:2px;}
h3.today { border-bottom:#DCDCDC 2px solid; color:#999; line-height:30px; height:30px; clear:both; text-indent:5px; width:99%; margin:0px auto}
.f_out { text-align:center; position:relative;max-width:480px; width:100%; height:auto; margin:10px auto}
.f_out img { max-width:480px; width:100%; height:auto; margin:0px auto}
.picintro h2{ height:25px; line-height:25px; background:#000; color:#fff; position:absolute; left:0px; bottom:0px; width:100%; text-align:left; text-indent:10px;}
#tab_2 span.active{ width:50% !important;}
#tab_2 span {width:50% !important;}
.comment_box li{
	border-bottom: 1px solid #CCCCCC;
	padding: 0px 10px 10px 0;
}
.comment_box li:last{
	border-bottom: 0px!important;
}
.comment_box .author-name {
	font-weight: bold;
	padding-left: 2px;
}
.comment_box .review-date {
	font-size: 9px;
}
.comment_box .content-comment {
	display: block;
	padding-top: 5px;
	padding-left: 2px;
}
.comment_box .author-image {
	border-radius: 24px;
	box-shadow: 0 1px 2px #8D8D8D;
	height: 48px;
	width: 48px;
}
.box-social {
	padding-top: 10px
}
.box-social .box-like .btn-fb, .btn-zme {
	margin-right: 25px;
}
.box-social .social, .box-social .box-like, .social span, .btn-social {
	float: left;
}
.box-social .like {
	background: url("../images/like.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin: 2px 8px 0 0;
	padding-left: 20px;
}
.box-social .dislike {
	color: #CCCCCC !important;
	margin: 2px 8px 0 0;
	float: left;
	font-weight: bold;
	margin: 3px 3px 3px 0;
}
.box-social .like {
	float: left;
	font-weight: bold;
	margin: 3px 3px 3px 0;
	padding-left: 17px;
}
.box-social .share {
	float: left;
	font-weight: bold;
	margin: 3px 0 3px 0;
}
.box-social .shared {
	color: #CCCCCC !important;
	float: left;
	font-weight: bold;
	margin: 3px 0 3px 0;
}
.box-social .like-num {
	background-color: #FFFFFF;
	border: 1px solid #C1C1C1;
	border-radius: 3px;
	font-size: 11px;
	margin: 0;
	padding: 2px 5px;
	position: relative;
}
.like-num {
	float: left;
	padding: 6px 0 0 2px;
}
.box-social .like-num .dialog:before {
	background-color: #FFFFFF;
	content: " ";
	display: block;
	height: 10px;
	position: absolute;
	right: 0;
	width: 4px;
}
.box-social .like-num .dialog {
	display: block;
	height: 10px;
	left: -6px;
	position: absolute;
	top: 4px;
	width: 10px;
}
.box-social .like-num a {
	color: #333333;

}
.box2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 2px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
    margin: 0 10px;
}
.u_table {
    display: table;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ch_info_pr {
    padding: 10px;
}
.ch_info_pr li {
    border-right: 1px solid #DDDDDD;
    padding: 0 5px;
}
.ch_info_pr li:last-child {
    border: medium none;
}
.u_table > li {
    display: table-cell;
    vertical-align: middle;
}
.ch_info_pr .numb {
    color: #575757;
    font-size: 24px;
    margin-bottom: 0;
}
.ch_info_pr .tl {
    color: #898989;
    font-size: 14px;
}
.ch_act_btng .a_followed_1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
}
.ch_act_btng a {
    display: block;
}
.a_followed_1 {
    background-color: #8EC63F;
    background-image: url("../images/success21.png");
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    border: medium none;
    color: #FFFFFF;
    padding-left: 22px;
}
.ch_act_btng .a_followed_1 .ic_like {
    background-image: url("../images/like_a.png");
}
.ch_act_btng .ic_like {
    background-image: url("../images/like2.png");
}
.ch_act_btng .ic {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    display: inline-block;
    height: 24px;
    width: 24px;
}
.ch_act_btng .a_followed_1 .tl {
    color: #8EC63F;
}
.ch_act_btng .tl {
    color: #999999;
    font-size: 13px;
    margin-top: 3px;
}
.ch_act_btng .ic_share {
    background-image: url("../images/share.png");
}
.ch_act_btng .a_followed_1 .ic_share {
    background-image: url("../images/share2.png");
}
.ch_act_btng .ic_stats {
    background-image: url("../images/stats.png");
}
.box_social {
	padding:8px 10px 5px 10px; 
	border-top:1px solid #E4E4E4; 
	background:url("../images/baseinfobg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.noti_item_s1 {
    background: none repeat scroll 0 0 #FFFAEC;
}
.noti_item {
    border-bottom: 1px solid #DDDDDD;
    display: block;
    padding: 10px;
}
.noti_item .avatar {
    display: inline-block;
    margin-right: 8px;
}
.noti_item .avatar_img {
    height: 16px;
    width: 16px;
}
.noti_item .time {
    color: #808080;
    margin-top: 3px;
}