@charset "utf-8";
/* CSS Document */
body{
margin:0px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif, 宋体, 黑体;
}
a{
color:#f05a28;
text-decoration:none;
}
a:hover{
color:#f05a28;
text-decoration: underline;
}
img{
border:0px;
}
ul{
list-style-position:outside;
margin:0px 0px 0px 30px;
padding:0px;
}
.clear{
height:0px;
clear:both;
}
.header{
width:100%;
height:170px;
background:url(../images/header_bg.png) repeat-x;
}
.logo{
width:487px;
height:102px;
background:url(../images/logo.png) no-repeat;
}
.title_bar{
/*height:40px;*/
margin:7px auto 0px auto;
}
.title, .title_press{
font-size:13px;
white-space:nowrap;
margin:0px 7px;
vertical-align:top;
}
.title .left, .title_press .left, .title:hover .left, .title .right, .title_press .right, .title:hover .right {
width:10px;
height:24px;
}
.title .mid{
background:none;
height:24px;
color:black;
white-space:nowrap;
}
.title_press .left{
background:url(../images/title_press_left.png) no-repeat left top;
}
.title_press .mid{
height:24px;
color:white;
font-weight:bold;
background:url(../images/title_press_mid.png) repeat-x;
}
.title_press .right{
background:url(../images/title_press_right.png) no-repeat left top;
}
.title:hover{
cursor:pointer;
}
.title:hover .left{
background:url(../images/title_hover_left.png) no-repeat left top;
}
.title:hover .mid{
height:24px;
background:url(../images/title_hover_mid.png) repeat-x;
}
.title:hover .right{
background:url(../images/title_hover_right.png) no-repeat left top;
}

.content{
width:500px;
margin:10px auto 0px;
}

.bigTigle{
width:450px;
height:60px;
border-bottom:1px dashed gray;
margin-bottom:20px;
}
.photos{
position:relative;
width:300px;
margin-top:10px;
}
.photos .photo{
float:left;
width:65px;
height:65px;
margin:1px;
text-align:center;
}
.photo:hover .cr{
position:relative;
left:-20px;
top:-20px;
width:100px;
height:100px;
background-color:white;
}
.photo .bw{
width:60px;
height:60px;
margin:6px;
}
.photo:hover .cr, .photo .bw, .photo:hover .text{
display:block;
}
.photo:hover .bw, .photo .cr, .photo .text{
display:none;
}
.photo:hover .text{
position:absolute;
left:300px;
top:0px;
width:260px;
background-color:white;
text-align:left;
}
.text dl{
font-weight:bold;
font-size:14px;
width:260px;
}
.text dt{
color:gray;
font-weight:normal;
font-size:11px;
text-align:left;
padding:0px;
}
.text .status{
height:60px;
width:320px;
padding-left:70px;
padding-top:6px;
background:url(../images/quote_1.png) no-repeat left top;
}
.text .description{
width:320px;
}
.titlebar_left{
background:url(../images/titlebar_left.png) no-repeat left top;
width:39px;
height:59px;
}
.titlebar_right{
background:url(../images/titlebar_right.png) no-repeat left top;
width:39px;
height:59px;
}
.titlebar_mid{
background:url(../images/titlebar_mid.png) repeat-x;
height:59px;
padding-top:13px;
}
.platforms_head{
width:500px;
margin:0px auto;
}
.platforms{
text-align:center;
width:700px;
margin: 20px auto;
border-bottom:1px solid gray;
}
.platforms img{
margin:10px 10px 20px;
}
.platformsText{
text-align:center;
width:700px;
height:40px;
margin:5px auto;
}
.platformsText div{
float:left;
width:116px;
font-size:11px;
color:gray;
}
.platformsText b{
font-size:12px;
font-weight:bold;
color:black;
}
/* foot */
body > div#footer { position: fixed; }
#footer{
position:absolute;
bottom:0px;
height:150px;
width:100%;
}
.footer{
position:fixed;
bottom:0px;
height:150px;
width:100%;
}
.copyright{
position:absolute;
width:98%;
height:25px;
padding:0px 15px;
top:26px;
left:0px;
}
.turn{
height:160px;
width:100%;
overflow:hidden;
}
.cameroll{
height:160px;
position:relative;
overflow: visible;
}
.cameroll img{
height:80px;
border-top:10px solid black;
border-bottom:10px solid black;
margin-top:40px;
}
.alertinbox .alertbox{
position:relative;
height:0px;
display:none;
}
.alertinbox:hover .alertbox{
position:absolute;
height:43px;
background:url(../images/place_alert_bg.png) repeat-x;
white-space:nowrap;
color:white;
padding:6px;
top:0px;
display:block;
}
.alertbox div {
position:absolute;
width:21px;
height:18px;
left:30px;
top:40px;
background:url(../images/place_alert_arrow.png) no-repeat;
}
.smallfoot{
height:18px;
background-color:#050505;
text-align:right;
color:#eeeeee;
}

/* apps */
.appcontent{
width:760px;
margin:10px auto;
}
.approw{
position:relative;
padding:10px 0px 50px 0px;
clear:both;
}
.coming{
position:absolute;
width:81px;
height:81px;
left:-35px;
top:90px;
}
.approw img{
margin:12px 3px 3px 0px;
cursor:pointer;
}
.appicon{
width:135px;
height:135px;
margin:5px 5px 0px 0px;
float:left;
}
.appdes{
float:left;
width:620px;
padding-top:20px;
}

.bigcontent{
/*background-color: #F2F2F2;
border-bottom:1px solid #b3b3b3;*/
width:100%;
}
.bigapprow{
width:900px;
margin:20px auto;
position:relative;
}
.bigapprow .coming{
top:115px;
left:-5px;
}
.bigappicon{
width:200px;
height:200px;
margin:5px 5px 0px 0px;
float:left;
}
.bigappdes{
float:left;
width:685px;
padding-top:20px;
}
.bigappdes img{
margin:12px 7px 7px 0px;
cursor:pointer;
}
.detail{
margin:20px auto;
width:962px;
}
.detailleft{
float:left;
width:420px;
margin:20px;
}
.screenshot{
float:left;
width:360px;
margin-top:20px;
position:relative;
}
.screenbox{
width:360px;
height:360px;
overflow:hidden;
position:relative;
/*border:1px solid #b3b3b3;*/
}
.screenroll{
border:0px;
height:360px;
}
.screenroll td img{
width:240px
height:360px;
margin:0px 5px;
}
.screencover{
width:360px;
height:360px;
position:absolute;
top:60px;
left:0px;
background:url(../images/screenshot360.png) no-repeat;
}
.screenshot_controller{
width:67px;
height:33px;
margin:10px auto;
background:url(../images/Button_Screenshots.png) no-repeat;
}
.screenshot_controller div{
float:left;
width:33px;
height:33px;
}
#iph_and{
width:67px;
height:33px;
float:right;
margin:13px 60px 0px 0px;
}
#iph_and div{
float:left;
width:33px;
height:33px;
}
.iPhone{
background:url(../images/apps/Button_Only_iPhone.png) no-repeat;
}
.iPhone_{
background:url(../images/apps/Button_iPhone_Pressed.png) no-repeat;
}
.Android_{
background:url(../images/apps/Button_Android_Pressed.png) no-repeat;
}
.Android{
background:url(../images/apps/Button_Only_Android.png) no-repeat;
}
.downapp{
background-color:#f2f2f2;
border-top:1px solid #b3b3b3;
}