﻿.chat-place
{
    width:660px;
    float:right;
	margin-bottom:15px;
}
.chat-place .title
{
	position:relative;
}
.chat-place #play_zoom
{
	display:block;
	width:34px;
	height:25px;
	background:url(../images/size-hd.png) no-repeat 0 0;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
}
.video-box
{
    width:328px;
	float:left;
	position:relative;
}
.video-box .btn
{
	width:225px;
	float:left;
    margin-bottom:3px;
}
.chat-place .video-box .small
{
	width:40px;
}
.chat-place .video-box .long
{
	width:329px;
}
.chat-place.chat-wide .video-box .small
{
	width:80px;
}
.chat-place.chat-wide .video-box .long
{
	width:240px;
}
#order_btn
{
    float:right;
}
#vip_btn
{
    float:right;
    margin-left:2px;
}
#extra_btn
{
	display:block;
	width:130px;
	height:30px;
	background:url(../images/ex-show.png) no-repeat 0 0;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	margin-left:2px;
	float:left;
	line-height:30px;
	text-indent:8px;
    float:right;
}
.video-box .tip-btn
{
	display: block;
	width: 100px;
	height: 30px;
	float: left;
	margin-left:3px;
	background:url(../images/tip_btn.png) no-repeat 0 0;
	color:#000;
	font-family:Tahoma,Arial;
	font-size:14px;
	line-height:30px;
	text-indent:12px;
    float:right;
}
.video-box .pm-btn
{
	display: block;
    width:222px;
	height: 32px;
	float: right;
	background:url(../images/mainbtn.png) no-repeat 0px -128px;
	color:#000;
	font-family:Tahoma,Arial;
	font-size:14px;
	line-height:30px;
	text-indent:12px;
}
.video-box .pm-btn.long {
    width:330px;
}
.chat-wide .video-box .pm-btn.long {
    width:204px;
    margin-left:3px;
}
.video-box .pm-btn i {
    width:186px;
    display: block;
    height: 32px;
    background: url(../images/mainbtn.png) no-repeat right -224px;
    line-height: 28px;
    font-style: normal;
    text-align: center;
    padding-right: 5px;
}
.video-box .pm-btn.long i {
    width:294px;
}
.chat-wide .video-box .pm-btn.long i {
    width:168px;
}
.video-chat
{
	width:328px;
	float:right;
	position:relative;
}
.chat-box .btn
{
	width:70px;
	float:left;
	background:url(../images/btn-rside-b.png) no-repeat right center;
	color:#fff;
}
.chat-box .btn span
{
	background:url(../images/btn-lside-b.png) no-repeat left center;
}
.chat-msg-box
{
	width:328px;
	height:285px;
	background:#fff;
	color:#000;
	overflow-x:hidden;
	overflow-y:scroll;
	margin-bottom:5px;
}
#chat_mssages
{
	width:315px;
	float:left;
}
#chat_mssages div img
{
	vertical-align:middle;
}
#chat_mssages div
{
	border-bottom:1px solid #ababab;
	margin:0 5px;
	padding:5px;
	font-size:14px;
	clear:both;
}
#chat_mssages div.msg-c
{
	color:#045096;
}
#chat_mssages div.msg-m
{
	color:#aa1337;
}
.chat-inpt
{
	display:block;
	width:210px;
	height:28px;
	border:none;
	background:#fff url(../images/input-bg.gif) repeat-x top;
	float:right;
	margin-right:5px;
	padding-right:5px;
}
.chat-title
{
	display:none;
}
#splash
{
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	background:url(../images/splash-screen.png) no-repeat center;
}
.show-msg
{
	width:210px;
	float:right;
	font-size:16px;
	color:#F7DE61;
	margin-top:5px;
	margin-right:10px;
}
/* ============================================================================ */
.chat-wide
{
	width:975px;
}
.chat-wide .video-box
{
    width:640px;
}
.chat-wide .player-place, .chat-wide .player-place #player, .chat-wide .player-place #player video
{
	width: 640px !important;
	height: 480px !important;
}
.chat-wide .chat-msg-box
{
	height: 480px;
}
.chat-wide  .video-chat .status, .chat-wide .video-chat .status-show
{
	height:480px;
}
.chat-wide #play_zoom
{
	background:url(../images/size-small.png) no-repeat 0 0;
}
/* ============================================================================ */
.show-desc
{
	border:1px solid #F7DE61;
	padding:5px 10px;
	border-radius:5px;
	margin-bottom:5px;
}
.show-desc b
{
	color:#F7DE61;
}
.show-panel
{
	margin-bottom:3px;
}
.show-panel var
{
	color:#F7DE61;
	font-style:normal;
}
.show-desc .gp-note
{
	font-size:12px;
	color:#36CFEF;
}
#gp_order .desc
{
	padding-top:10px;
	color:#066a7b;
	text-align:center;
}
/* ============================================================================ */
.chat-bar
{
	height:30px;
	position:relative;
	clear:both;
}
.smile-btn
{
	display:block;
	width:31px;
	height:30px;
	background:url(../images/smile-btn.png) no-repeat 0 0;
	float:right;
}
.smiles
{
	position:absolute;
	top:-35px;
	right:0;
	width:157px;
	background:#000;
	height:30px;
	display:none;
}
.smiles img
{
	width:20px;
	height:20px;
	float:right;
	margin-right:5px;
	margin-top:5px;
	cursor:pointer;
}
/* ======================================================================= */
.player-place
{
	width: 328px;
	height: 285px;
	background: #000;
	overflow: hidden;
	margin-bottom: 5px;
	position: relative;
}
.player-place .pic
{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.player-place #player
{
    width:328px !important;
    height:285px !important;
    margin: 0px auto !important;
	background:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.player-place #player video {
    width:380px !important;
    height:285px !important;
}
.player-place #show_timer
{
	width:70px;
	height:20px;
	position:absolute;
	left:0;
	bottom:0;
	background:#eaeaea;
	color:#000;
	line-height:20px;
	font-weight:bold;
	z-index:10;
	text-align:center;
}
.player-place .timer-stat
{
	width:140px;
	height:20px;
	position:absolute;
	left:75px;
	bottom:0;
	background:#000;
	color:#F7DE61;
	line-height:20px;
	font-weight:bold;
	z-index:10;
	text-align:center;
}
#chatbox
{
	width:328px;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.video-chat .status, .video-chat .status-show
{
	display:block;
	width:328px;
    height:285px;
	position:absolute;
	display:none;
	top:0;
	left:0;
	background-color:#36CFEF;
	background-repeat:no-repeat;
	background-position:0 0;
}
.video-chat .status-show
{
	display:block;
    position:relative;
}
.video-chat .status-show .premiumPhoneBox
{
	position: absolute;
    left: 45px;
    top: 75px;
    color:#000;
    width: 233px;
    height: 61px;
    text-align: center;
}
.video-chat .status-show .premiumPhoneBox b
{
    display:block;
    font-size:14px;
}
.video-chat .status-show .premiumPhoneBox strong
{
    display:block;
    font-size:20px;
    color:#033a8e;
}
.video-chat .status-show .premiumPhoneBox small
{
    font-size:12px;
    color:#000;
}
#chatstat0 { background-image:url(../images/stat-guest.jpg); }
#chatstat1 { background-image:url(../images/stat-private.jpg); }
#chatstat2 { background-image:url(../images/stat-offline.jpg); }
#chatstat3 { background-image:url(../images/stat-public.jpg) ; }
#chatstat4 { background-image:url(../images/stat-wait.jpg); }
#chatstat6 { background-image:url(../images/stat-pay.jpg); }
#chatstat7 { background-image:url(../images/stat-phone.jpg); }
#chatstat8 { background-image:url(../images/stat-gold.jpg); }
#chatstat9 { background-image:url(../images/stat-party.jpg); }

#peekstat { background-image:url(../images/stat-peek.jpg); display:block; }
#vipstat  { background-image:url(../images/stat-vip.jpg); display:block; }

/* ======================================================================= */
#cam_box
{
	width:220px;
	height:170px;
	background:#eaeaea;
	border:1px solid #6b6c75;
	position:fixed;
	top:2px;
	left:2px;
	display:none;
	z-index:10;
	overflow:hidden;
}
.cam-close
{
	display:block;
	width:15px;
	height:15px;
	border:1px solid #ababab;
	text-align:center;
	float:right;
	line-height:15px;
	margin-top:2px;
	margin-right:2px;
	margin-bottom:2px;
	color:#aa1337;
}
#cam-place
{
	clear:both;
}
.chat-nav
{
	width:29px;
	height:28px;
	overflow:hidden;
	float:left;
	cursor:pointer;
	position:absolute;
	left:7px;
	top:7px;
	z-index:10;
}
.chat-nav .cam-tip
{
    display:block;
    width:130px;
    height:28px;
    background:url(/content/images/cam-icons.png) no-repeat 0 0;
    float:left;
    text-align:left;
    text-align:right;
    line-height:28px;
    border-radius:3px;
    text-indent:7px;
    font-size:14px;
	color:#6fd8ff;
}
.chat-nav:hover
{
        width:200px;
}
    .chat-nav:hover .cam-tip
    {
        background: url(/content/images/cam-icons.png) no-repeat -30px 0;
    }
#client_cam
{
	display:none;
}
/* ======================================================================= */
.panel-tabs
{
	margin:0;
	padding:0;
	list-style:none;
	height:32px;
	/*background:url(../images/panel-top.png) no-repeat bottom;*/
}
.panel-tabs li
{
	display:block;
	width:110px;
	height:31px;
	float:right;
	/*background:url(../images/tab-side.png) no-repeat right;*/
}
.panel-tabs li a
{
	display:block;
	height:30px;
	/*background:url(../images/tab.png) no-repeat left;*/
	color:#252525;
	line-height:31px;
	text-align:center;
    margin-left:5px;
	padding-left:5px;
    background: #eaeaea;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #1a1a1a;
}
.panel-tabs .selected
{
	/*background:url(../images/tab-on-side.png) no-repeat right;*/
}
.panel-tabs .selected a
{
	/*background:url(../images/tab-on.png) no-repeat left;*/
    height:31px;
    background:#3c3c3c;
	color:#fff;
    border-bottom: none;
}
.panel-tabs #data_tab
{
    background:#499600;
	color:#000;
	border-bottom: 1px solid #499600;
}
/*.panel-tabs .selected #data_tab
{
    background:#499600;
	color:#fff;
}*/
.panel-tabs #event_tab
{
    background:#ffea00;
	color:#000;
	border-bottom: 1px solid #ffea00;
}
/*.panel-tabs .selected #event_tab
{
    background:#c4b400;
	color:#fff;
}*/
.panel-tabs #gall_tab
{
    background:#cb60b4;
	color:#000;
	border-bottom: 1px solid #cb60b4;
}
/*.panel-tabs .selected #gall_tab
{
    background:#a80076;
	color:#fff;
}*/
.panel-tabs #mov_tab
{
    background:#ffae4b;
	color:#000;
	border-bottom: 1px solid #ffae4b;
}
/*.panel-tabs .selected #mov_tab
{
    background:#ff910a;
	color:#fff;
}*/
.panel-tabs #ex_tab
{
    background:#649eff;
	color:#000;
	border-bottom: 1px solid #649eff;
}
/*.panel-tabs .selected #ex_tab
{
    background:#0006fd;
	color:#fff;
}*/
.panel-tabs #msg_tab
{
    background:#edb7e4;
	color:#000;
	border-bottom: 1px solid #edb7e4;
}
/*.panel-tabs .selected #msg_tab
{
    background:#db6fc8;
	color:#fff;
}*/
/* ======================================================================= */
.info-panel-wrap
{
	width:660px;
	margin-bottom:15px;
}
.info-panel-bg
{
	/*background:url(../images/panel-bg.png) repeat-y;*/
}
.info-panel
{
	min-height:220px;
	padding:5px;
	border-radius: 6px 0 6px 6px;
	/*background:url(../images/panel-bot.png) no-repeat bottom;*/
}
.info-panel.data_box {background:#499600;}
.info-panel.event_box {background:#ffea00;}
.info-panel.gall_box {background: #cb60b4;}
.info-panel.mov_box {background: #ffae4b;}
.info-panel.ex_box {background: #649eff;}
.info-panel.msg_box {background: #edb7e4;}
.info-panel-box
{
	padding: 5px 5px 5px 5px;
	display:none;
	font-size:12px;
	background: #383838;
	margin: 0px auto;
    min-height: 210px;
}
.info-panel-box .packs-tbl.long
{
    width:635px;
    margin-right: -10px;
}
#event_box .event-item
{
	margin-left:19px;
} 

/* ======================================================================= */
.private-order
{
	width:300px;
	background:#eaeaea;
	border:1px solid #cccccc;
	border-radius:5px;
}
.private-order .btn
{
	margin:0 auto;
}
.private-order .btn.long
{
	width:200px;
}

.private-order h5
{
	font-size:18px;
	text-align:center;
	margin-bottom:5px;
}
.private-order h5 em
{
	font-style:normal;
	font-size:12px;
	display:block;
    color:dimgray;
	text-align:center;
}
.private-order var
{
	color:#066a7b;
	font-style:normal;
	font-weight:bold;
}
.private-order-in
{
	padding:15px;
	text-align:center;
	color:#000;
	font-size:14px;
}
.private-order-top
{
	text-align:center;
	margin-bottom:20px;
}
.private-order-top h4
{
	font-size:14px;
	text-align:center;
	margin-bottom:5px;
}
.private-order-bot .order-btn
{
	text-align:center;
}
.private-order .note
{
	text-align:center;
	margin-bottom:10px;
}
.private-order .order-stat
{
	display:none;
	color:#aa1337;
	text-align:center;
}
.private-order .err
{
	color:#aa1337;
}
.private-order .simplemodal-close
{
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	left: 8px;
	top: 8px;
	border: 1px solid #717171;
	text-align: center;
	line-height: 17px;
	font-size: 14px;
	color: #2195a9;
}
/* ===================================================================================== */
.m-panel
{
	height:40px;
}
	.m-panel .model-icons
	{
		float:left;
	}
	.m-panel .m-rating
	{
		float:right;
	}
	.m-panel .hd
	{
		width: 38px;
		height: 25px;
		background: url(../images/hd-icon.png) no-repeat 0 0;
		float:left;
		margin-top:7px;
		margin-right:10px;
	}
.m-rating
{
	width:165px;
}
	.m-rating span
	{
		display:block;
		width:80px;
		float:right;
	}
	.m-rating .stars-wrapper
	{
		width:80px;
		float:left;
	}
.prem-phone
{
	width:288px;
	height:23px;
	position:absolute;
	top:0;
	left:38px;
	border:1px solid #F7DE61;
	border-radius:3px;
	line-height:23px;
	background:#000 url(../images/phone-icon.png) no-repeat 266px center;
	text-align:right;
	font-size:14px;
	text-indent:26px;
}
.prem-phone em
{
	font-style:normal;
	font-size:12px;
}
.prem-phone b
{
	color:#F7DE61;
}
/* ===================================================================================== */
#tip_form label
{
	display:block;
	text-align:center;
	margin-bottom:3px;
}
#tip_form textarea
{
	width:260px;
	resize:none;
}
#tip_form input
{
	width:70px;
	height:18px;
	font-size:14px;
	text-align:center;
}
#tip_form p
{
	padding:0;
	margin:0;
	margin-bottom:10px;
	text-align:center;
}
/* ===================================================================================== */
.extra-shows
{
	width: 560px;
	padding-left:0;
}
.extra-shows h2
{
	font-size:16px;
	font-weight:normal;
	margin-bottom:10px;
}
.extra-shows .private-order-in
{
	padding-left:0;
}
.extra-shows-box
{
	max-height: 540px;
	overflow-y: scroll;
}
.extra-tbl
{
	width:520px;
	border-collapse: collapse;
	float:left;
	margin-left:8px;
}
	.extra-tbl th, .extra-tbl td
	{
		border-top: 1px solid #ababab;
		padding: 7px 0;
	}
.extra-tbl th
{
	width:310px;
	color:#045096;
}
	.extra-tbl th span
	{
		font-size:13px;
		display:block;
		color:#000;
		font-weight:normal;
	}
	.extra-tbl .cr-lack
	{
		color: red;
	}
	.extra-tbl td
	{
		text-align: center;
	}
	.extra-tbl .cr-cost
	{
		width:110px;
		text-align:center;
	}
	.extra-tbl .cr-cost var
	{
		font-weight:bold;
	}
#ex-stat
{
	display:none;
	color:red;
}
/* ===================================================================================== */
.m-extras
{
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
}
	.m-extras li
	{
		display:block;
		margin-bottom:7px;
	}
	.m-extras h5
	{
		font-size:14px;
	}
/* ===================================================================================== */
.pop-note
{
	width:380px;
}
	.pop-note .private-order-in
	{
		text-align:right;
	}
	.pop-note .thumb
	{
		float:right;
		margin-left:10px;
		margin-bottom:5px;
	}